jQuery之Ajax请求

从前从客户端页面向服务器发送Ajax请求,需要在js中先创建XMLHttpRequest对象,对象创建好以后使用OPEN(’GET/POST’,URL,同步/异步)设置提交方式,URL地址,使用同步还是异步方式。然后使用send(data)向服务器发送数据,同时使用onreadystatechange来绑定回调函数。如果是使用GET方式提交数据,那么就直接在URL地址中拼接数据,如果是使用POST方式要先设置请求头setRequestHeader(“Content-Type”,”application/x-www-form-urlencodeed”),然后再使用send()方法发送数据。在回调函数里面还要对readyState进行判断看当前状态是否已经完成(readyState=4),以及服务器是否成功返回(status=200),然后再做相应的处理。整过过程显得很麻烦,而且创建的XMLHttpRequest还会根据浏览器的不同而不同,显得很麻烦。

    使用了jQuery为我们提供的ajax(option)就非常方便了,只需要这样做就可以了:

$.ajax({
  type: “POST”,
  url: “RegService.do”,
  data: “name=John&location=Boston”,
  dataType:’json’,

  success: function(msg){
    alert( “Data Saved: ” + msg );
  }
});

type是指定提交数据的方式是post还是get,url是数据提交给服务器的URL地址,data是提交给服务器的数据,如果是get方式还可以在URL地址中拼接,dataType表示服务器返回的数据按什么组织,success表示数据成功返回时的回调函数。还可以使用jQuery.get(url,[data],[callback])这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。jQuery.getJSON(url,[data],[callback])通过 HTTP GET 请求载入 JSON 数据。jQuery.post(url,[data],[callback])这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。jQuery.getScript(url,[callback])通过 HTTP GET 请求载入并执行一个 JavaScript 文件。如:$.getScript(“test.js”, function(){
 alert(“Script loaded and executed.”);
});

 

标签