Javascript AJAX调用Jquery Call

Question

In order to have my code written almost fully written in Jquery, I want to rewrite an AJAX call in Jquery.

It's a call from a webpage to a Tomcat servlet.

Similar code of my present situation:

var http = new XMLhttpRequest();
var url = "http://example.com/MessageController?action=send";

http.onreadystatechange = function ()
if (http.readyState == 4)
{
    if (http.status == 200){ var response = http.responseText;}
    else {/*code2*/}
};
http.async = false;
http.open("POST", url, true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send(string);

Which would be the best way to do this? .ajax or .post ? Could you help me with some pseudo code to start this?

Answer 1

Use .ajax or (as you are using POST) .post :

$.ajax({
  url: "http://example.com/MessageController",
  type: "POST",
  data: { action: "send", yourStringName: "something" },
  async: false, // make sure you really need it
  contentType:'application/x-www-form-urlencoded'
}).done(function(response) { 
  console.log(response);
});

It doesn't matter which one you use, because .post is shorthand for .ajax .

Answer 2

You can use jQuery post .

var url="MessageController"
$.post(url, { action : "send"} ,function(data){
  //response from MessageController is in data variable
  //code 1
  alert(data)
}).error(function(){
      alert("error");  //code 2
   })

Assuming MessageController is some url in your domain and you are aware of the same origin policy