JQuery中的AJAX技术

简介：AJAX全名为Asynchronus JavaScript and XML，是一种浏览器端的，创建交互式网页应用的开发技               术，具体的应用有无刷新页面的数据更新，用户名检测等，是现在开发网站常用的技术，以下是我个人             对JQuery中的AJAX的理解和认为在开发中比较重要的方法，如果有不够全面的地方还请谅解

load方法

参数：一个URL，两个可选参数，第二个为字符串或对象，第三个参数为一个回调函数

作用：异步加载该URL的内容并插入每一个选中元素中，替换已经存在的内容
例子：
 可以用于设置一个定时器，每隔一定时间获取所需信息     

setInterval(function(){$('#status').load("status_report.html");},60000);//每隔60秒加载status_report页面的内容到id为status的元素中

另外，可以在load加载的页面后面加上选择器，选择特定内容

$('#temp').load("wheather_repor.html #temperature");//比方说像这个加载天气页面下的温度的内容

getScript()函数

参数：第一个参数是JavaScript代码文件的URL，第二个参数可选，为回调函数
作用：它会异步加载文件，加载完成后在全局作用域执行该代码，同时适用于同源和跨源的脚本（涉及到同源策略，            大家可以百度）

例子：

$.getScript("http://example.com/js/widget.js")//从其他服务器加载脚本

getJSON()函数

参数：第一个为参数请求的文件，当请求一个动态文件时第二个参数可以是一个JSON字符串，此时第三个参数为回            调函数，否则第二个函数为回调函数
作用：请求某个json文件，或者动态文件，返回一个JSON对象作为回调函数的第一个参数，并在回调函数中程序员
           可以对数据进行处理

$getJSON("data.json",function(data){//假设data.json包含文本，{"x":1,"y":2}
     //data 参数是json对象{"x":1,"y":2}

     //通过data.x的方式访问数据
})

$.getJSON("get.ashx",{"m":1,"n":"haha"},function{}) //请求动态文件时可以向动态文件传递参数

get()函数和post()函数

参数与上文的getJSON()函数相同，不同的是get()和post()返回给回调函数的参数类型由HTTP响应中的Content-Type头决定
xml        则为XML文档
json       则为JSON对象
javascript 则数据被当作脚本执行
以上都不符合则当作纯文本处理，一般Content-Type在动态文件中可以设置
值得注意的是纯文本可以通过$.parseJSON("文本")的方式转化为JSON对象，这也是获取JSON对象的方法


此外，get()和post()在发送的请求的方式不同，前者为HTTP GET请求，后者为HTTP POST请求

ajax

另外我们要着重了解的一个函数就是ajax()
参数：它接受一个对象参数，下面有个例子，不过只写出了常用的一些属性
$.ajax({
   type:"" //HTTP请求类型，GET或POST
   url:   //请求的文件URL地址
   data:  //发送给URL对应文件的数据
   datatype:  //设置返回的数据类型
   success:函数  //当执行成功时执行该函数，同样可以设置error（发生错误），beforeSend（发送请求                           前）,complete(在success或error后促发)

})

//相信到这里你对AJXA这项技术已经有了大致的了解，会了这些方法，在项目中应用AJAX技术已经绰绰有余了

//然后你需要的是更多的练习，我这里有一些AJAX应用在ASP.NET中的例子，比如AJAX实现无刷新的用户名和验证码检测，以及AJXA实现数据的增删改查等，有兴趣的可以发邮件到1326561204@qq.com联系我