JQuery $.ajax() post - data in a java servlet

Question

I want to send data to a java servlet for processing. The data will have a variable length and be in key/value pairs:

{ A1984 : 1, A9873 : 5, A1674 : 2, A8724 : 1, A3574 : 3, A1165 : 5 }

The data doesn't need to be formated this way, it is just how I have it now.

var saveData = $.ajax({
      type: "POST",
      url: "someaction.do?action=saveData",
      data: myDataVar.toString(),
      dataType: "text",
      success: function(resultData){
          alert("Save Complete");
      }
});
saveData.error(function() { alert("Something went wrong"); });

The $.ajax() function works fine as I do get an alert for "Save Complete". My dilemna is on the servlet. How do I retrieve the data? I tried to use a HashMap like this...

HashMap hm = new HashMap();
hm.putAll(request.getParameterMap());

...but hm turns out to be null which I am guessing means the .getParameterMap() isn't finding the key/value pairs. Where am I going wrong or what am I missing?

Have you had a look at what data and how the data is sent to the server? I don't think myDataVar.toString() is what you want. — Felix Kling
– Felix Kling, Commented Apr 18, 2012 at 17:32
I am concatinating the data into the string variable myDataVar so the data could be configured anyway I want. I have it this way because I did the same thing in another module which works fine. However, the data in that module is a bit different and I am using the default of JQuery .ajax type which I think is GET. — iJared
– iJared, Commented Apr 18, 2012 at 19:44

FeHe · Accepted Answer · 2013-03-27 05:04:57Z

71

You don't want a string, you really want a JS map of key value pairs. E.g., change:

 data: myDataVar.toString(),

with:

var myKeyVals = { A1984 : 1, A9873 : 5, A1674 : 2, A8724 : 1, A3574 : 3, A1165 : 5 }



var saveData = $.ajax({
      type: 'POST',
      url: "someaction.do?action=saveData",
      data: myKeyVals,
      dataType: "text",
      success: function(resultData) { alert("Save Complete") }
});
saveData.error(function() { alert("Something went wrong"); });

jQuery understands key value pairs like that, it does NOT understand a big string. It passes it simply as a string.

UPDATE: Code fixed.

edited Mar 27, 2013 at 5:04

FeHe

1568 bronze badges

answered Apr 18, 2012 at 17:48

aquinas

23.9k5 gold badges60 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

iJared Over a year ago

I think I tried that in one of my iteration attempts. My question with this post is how to I get at the data on the server side? The hashmap statements above don't do what I need them to do.

Jason Snelders Over a year ago

Even after a long time working with JSON and jQuery AJAX requests, I made the silly mistake today of writing my value for the "data" parameter as a string rather than an object. I didn't even realise I'd done it that way until I saw your answer. Goes to show you can miss problems that are staring you in the face. Thanks for jogging me straight.

Harish Verma · Accepted Answer · 2017-01-18 07:55:36Z

Simple method to sending data using java script and ajex call.

First right your form like this

<form id="frm_details" method="post" name="frm_details">
<input  id="email" name="email" placeholder="Your Email id" type="text" />
    <button class="subscribe-box__btn" type="submit">Need Assistance</button>
</form>

javascript logic target on form id #frm_details after sumbit

$(function(){
        $("#frm_details").on("submit", function(event) {
            event.preventDefault();

            var formData = {
                'email': $('input[name=email]').val() //for get email 
            };
            console.log(formData);

            $.ajax({
                url: "/tsmisc/api/subscribe-newsletter",
                type: "post",
                data: formData,
                success: function(d) {
                    alert(d);
                }
            });
        });
    }) 





General 
Request URL:https://test.abc
Request Method:POST
Status Code:200 
Remote Address:13.76.33.57:443

From Data
email:[email protected]

Er Mayank · Accepted Answer · 2021-05-12 10:19:26Z

6

you can use ajax post as :

 $.ajax({
   url: "url", 
   type: "POST",
   dataType: "json",
   contentType: "application/json; charset=utf-8",
   data: JSON.stringify({ name: 'value1', email: 'value2' }),
   success: function (result) {
       // when call is sucessfull
    },
    error: function (err) {
    // check the err for error details
    }
 }); // ajax call closing

answered May 12, 2021 at 10:19

Er Mayank

1,0732 gold badges19 silver badges40 bronze badges

Comments

iJared · Accepted Answer · 2012-04-19 02:00:38Z

0

For the time being I am going a different route than I previous stated. I changed the way I am formatting the data to:

  &A2168=1&A1837=5&A8472=1&A1987=2

On the server side I am using getParameterNames() to place all the keys into an Enumerator and then iterating over the Enumerator and placing the keys and values into a HashMap. It looks something like this:

Enumeration keys = request.getParameterNames(); 
HashMap map = new HashMap(); 
String key = null; 
while(keys.hasMoreElements()){ 
      key = keys.nextElement().toString(); 
      map.put(key, request.getParameter(key)); 
}

answered Apr 19, 2012 at 2:00

iJared

9473 gold badges13 silver badges26 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:02:26Z

-1

To get the value from the servlet from POST command, you can follow the approach as explained on this post by using request.getParameter(key) format which will return the value you want.

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Dec 15, 2016 at 7:01

atjua

5391 gold badge9 silver badges18 bronze badges

Collectives™ on Stack Overflow

JQuery $.ajax() post - data in a java servlet

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related