Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Post an object as data using Jquery Ajax

Tags:

jquery

My code that I tried is as follows:

var dataO = new Object(); dataO.numberId = 1; dataO.companyId = 531;  $.ajax({     type: "POST",     url: "TelephoneNumbers.aspx/DeleteNumber",     data: "{numberId:1,companyId:531}",     contentType: "application/json; charset=utf-8",     dataType: "json",     success: function(msg) {         alert('In Ajax');     } }); 

I would like to pass the object dataO as the ajax data, how can I do it?

like image 995
RubbleFord Avatar asked Jul 01 '09 09:07

RubbleFord


People also ask

Does ajax use POST?

post() makes Ajax requests using the HTTP POST method. The basic syntax of these methods can be given with: $. get(URL, data, success); —Or— $.

Can ajax send data?

ajax() method allows you to send asynchronous http requests to submit or retrieve data from the server without reloading the whole page. $. ajax() can be used to send http GET, POST, PUT, DELETE etc. request.


1 Answers

I will leave my original answer in place but the below is how you need to approach it. (Forgive me but it is a long time since I have used regular asp.net / web services with jquery:)

You need to use the following js lib json2 library, you can then use the stringify method to ensure your json is in the correct format for the service.

var dataO = {     numberId: "1",      companyId : "531" };  var json = JSON2.stringify(dataO);   $.ajax({     type: "POST",     url: "TelephoneNumbers.aspx/DeleteNumber",     data: json,     contentType: "application/json; charset=utf-8",     dataType: "json",     success: function(msg) {         alert('In Ajax');     } }); 

UPDATE: Same issue / answer here

like image 119
redsquare Avatar answered Sep 29 '22 18:09

redsquare