Search jQuery

jQuery Forum

Making AJAX POST call via jQuery: my syntax is wrong

in Using jQuery • 11 years ago

I tried the following jQuery call but it won't even run (I know because I checked the server logs and no record of a connection):

$.ajax({

url: "http://L45723:1802",

async: true,

username: "server",

password: "server123",

type: "POST",

data: sendMessage,

dataType: "json",

beforeSend: function (x) {

if (x && x.overrideMimeType) {

x.overrideMimeType("text/x-json");

}

success: function (data, textStatus, jqXHR) {

var receivedMsg = JSON.parse(data);

document.getElementById("_receivedMsgLabel").innerHTML += receivedMsg.Message + "<br/>";

getResponse();

}

});

Obviously my syntax is wrong. What should my syntax be?

Replies(7)

kbwood.au

Re: Making AJAX POST call via jQuery: my syntax is wrong

11 years ago

The basic syntax looks OK. However, because you have specified dataType: 'json', the data in your success callback will already have been evaluated as such, so you should just do:

success: function (data, textStatus, jqXHR) {
$('#_receivedMsgLabel').append(data.Message + '<br/>');
getResponse();
}

Also note:

Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.