How to pass multiple array values in ajax url

Question

I have multiple values, I am trying pass all values in url to controller class at one time.

But last value passed in url.

function submitFormData(formData) {
var x = []; 
for(var i = 0;i < formData.length ;i++ ){
    alert(i);
    x = [];
    x.push(formData[i].name);
    x.push(formData[i].email);
    x.push(formData[i].message);
}
 var url= '/userrecords?x='+x;
alert(url);
     $.ajax({
            type: 'POST',
            data: formData,
            cache: false,
            processData: false,
            contentType: false,
            beforeSend: beforeSendHandler,
            url: url,
            success: function(result){
            if(result.success == true) {
              $('.alert-success').show();
              $('.alert-danger').hide();
              $("#successmsg").html(result.msg);
              setTimeout(function() {
                $(".alert-success").alert('close');
              }, 10000);
            } else {
              $('.alert-danger').show();
              $('.alert-success').hide();
              $("#error").html(result.msg);
              setTimeout(function() {
                $(".alert-danger").alert('close');
              }, 10000);
            }
            }
    });
}

controller class

@RequestMapping(value = "/userrecords")
public @ResponseBody StatusResponse saveList(@RequestParam(required = false) String x,Model model)
    throws ParseException, SQLIntegrityConstraintViolationException {
    //read all values here
}

What is wrong in my code. And how to read all values in controller.

Why are you sending data in URL, if you are doing a 'POST' ? — abhishekkannojia
– abhishekkannojia, Commented Mar 28, 2017 at 5:47
You dont need 'x' variable to post data, formdata is enough to post your data. In controller you can access your post data by name e.g. 'name', 'message' etc. — MUT
– MUT, Commented Mar 28, 2017 at 5:57
@MUT: How can access data. I am getting null values. My class name is 'UserData' — user7646838
– user7646838, Commented Mar 28, 2017 at 6:02
Trying using binding your data to model like , public saveList([Bind(Include = "name,email,message")] Model model' ) { // save to db db.Add(model)} It did work in .net mvc. — MUT
– MUT, Commented Mar 28, 2017 at 6:11

jignesh prajapati · Accepted Answer · 2017-03-28 05:49:30Z

1

Convert your array output in JSON and send it to using AJAX and also you have to define content type is JSON.

you can also use jquery ajax it is very simple for request response.

$.ajax({
type: "POST",
dataType: 'json',
url:"URL here",
success: function(data) // response 
{}
});

answered Mar 28, 2017 at 5:49

jignesh prajapati

772 silver badges10 bronze badges

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

1 Comment

user7646838 Over a year ago

please look at my updated question. i have class so how to get all values in controller?

Govinda Rajbhar · Accepted Answer · 2017-03-28 05:51:34Z

0

I think you should post your formdata as ajax data as below.

Pass your x veriable as a ajax data.

function submitFormData(formData) {
var x = []; 
for(var i = 0;i < formData.length ;i++ ){
    alert(i);
    x.push(formData[i].name);
    x.push(formData[i].email);
    x.push(formData[i].message);
}
 var url= '/userrecords';
alert(url);
     $.ajax({
            type: 'POST',
            data: x,
            cache: false,
            processData: false,
            contentType: false,
            beforeSend: beforeSendHandler,
            url: url,
            success: function(result){
            if(result.success == true) {
              $('.alert-success').show();
              $('.alert-danger').hide();
              $("#successmsg").html(result.msg);
              setTimeout(function() {
                $(".alert-success").alert('close');
              }, 10000);
            } else {
              $('.alert-danger').show();
              $('.alert-success').hide();
              $("#error").html(result.msg);
              setTimeout(function() {
                $(".alert-danger").alert('close');
              }, 10000);
            }
            }
          });
}

answered Mar 28, 2017 at 5:51

Govinda Rajbhar

3,0476 gold badges42 silver badges64 bronze badges

4 Comments

user7646838 Over a year ago

Okay,but how can access data in controller class?

Govinda Rajbhar Over a year ago

follow this link danylkoweb.com/Blog/…

user7646838 Over a year ago

i am using java

Govinda Rajbhar Over a year ago

Than sorry because i am not familiar with java.

Collectives™ on Stack Overflow

How to pass multiple array values in ajax url

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related