【转载】jQuery之Ajax请求

上一篇 / 下一篇  2014-06-11 11:53:24 / 个人分类:LR

  从前从客户端页面向服务器发送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.");
});

录制LR的时候,需要使用url模式

 


TAG:

 

评分:0

我来说两句

我的栏目

日历

« 2024-05-05  
   1234
567891011
12131415161718
19202122232425
262728293031 

数据统计

  • 访问量: 3280
  • 日志数: 4
  • 建立时间: 2014-03-27
  • 更新时间: 2014-06-11

RSS订阅

Open Toolbar