Sending multiple data with AJAX

Question

Simple question here. I want to send two strings as data in an ajax request. Problem is in this ajax request it only sends the second sting of data and not the first. How would I send both of those in one ajax request?

$.ajax({ url: '#{add_cards_path}', 
  type: 'POST',
  beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', '#{form_authenticity_token}')},
  dataType: "json",

  data: 'credit_uri=' + response.data.uri,  
  data: 'address=' + $('.address').val(),
  success: function(response) {
    window.location.assign(location.protocol + '//' + location.host);
    }
});

I want to send "credit_uri" and "address". How?

c.P.u1 · Accepted Answer · 2013-09-10 04:45:10Z

5

Objects cannot contain duplicate keys, which in your case is data.

Use an object literal:

data: {credit_uri: response.data.uri, address: $('.address').val() }

$.ajax will convert the data to a query string.

answered Sep 10, 2013 at 4:45

c.P.u1

17.1k6 gold badges48 silver badges42 bronze badges

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

Comments

Nikhil Prajapati · Accepted Answer · 2013-09-10 04:47:41Z

1

with data you can send multiple data to the server.

data: {credit_uri: response.data.uri, address: $('.address').val() }

Its like an object.

answered Sep 10, 2013 at 4:47

Nikhil Prajapati

9421 gold badge12 silver badges30 bronze badges

1 Comment

Nikhil Prajapati Over a year ago

Your always Welcome :)

sudhansu63 · Accepted Answer · 2013-09-10 04:52:56Z

1

You can try this.

$.ajax({ url: '#{add_cards_path}', 
      type: 'POST',
      beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', '#    {form_authenticity_token}')},
      dataType: "json",
      data: {"credit_uri:" + response.data.uri + ", "address:" + $('.address').val()} 
      success: function(response) {
        window.location.assign(location.protocol + '//' + location.host);
        }
    });

answered Sep 10, 2013 at 4:52

sudhansu63

6,2204 gold badges41 silver badges55 bronze badges

Comments

Rakesh Shetty · Accepted Answer · 2013-09-10 04:58:49Z

1

Try this code :-

$.ajax({ url: '#{add_cards_path}', 
      type: 'POST',
      beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', '#{form_authenticity_token}')},
      dataType: "json",

      data: 'credit_uri=' + response.data.uri+'&address='+$('.address').val(),
      success: function(response) {
        window.location.assign(location.protocol + '//' + location.host);
        }
    });

answered Sep 10, 2013 at 4:58

Rakesh Shetty

4,6168 gold badges44 silver badges81 bronze badges

Collectives™ on Stack Overflow

Sending multiple data with AJAX

4 Answers 4

Comments

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Related