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?
post() makes Ajax requests using the HTTP POST method. The basic syntax of these methods can be given with: $. get(URL, data, success); —Or— $.
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With