用jquert使用ajax技术

来源:互联网 发布:尚学堂大数据极限班 编辑:程序博客网 时间:2024/06/17 12:53
jQuery 发送的所有 Ajax 请求,内部都会通过调用 $.ajax() 函数来实现
1.ajax()中的参数详解:
url:一个用来包含发送请求的字符串

async:是否异步请求,默认为true
cache:表示浏览器是否缓存此页面。默认为true。
data:发送到服务器的数据。数据必须为{"key:value"}的形式
method:Http请求方法(比如:"get","post"),默认为"get"
dataType:从服务器返回你期望的数据类型。
"json":把响应的结果当做json执行,并返回一个javaScript对象;
   JSON数据以严格的方式解析;
   任何畸形的JSON将被拒绝,并且抛出解析错误信息;
   在JQuery1.9中,一个空响应也将被拒绝,服务器应该返回null或者{}响应代替
"xml":返回xml文档
"html":返回html文档
"script":把响应的结果当做json执行,并将其当做纯文本返回
"text":返回纯文本字符串
timeout:设置请求超时时间(单位:毫秒)
beforeSend:请求发送前的回调函数。返回false将取消这个请求
complete:请求完成后的回调函数(请求success,error之后均回调)该选项可以接受一个函数数组,每个函数将被依次调用
error:请求失败时调用此函数
success:请求成功后的回调函数。可以接受一个函数数组。每个函数将依次被调用
statusCode:一组数值的http代码和函数对象,当响应时调用了相应的代码。(默认为{})
例如 $.ajax( {
statusCode: {
404:function() {
//对应操作
}
}
});
2.几个已经封装好的简便应用:
1)$.get(url[,data][,success][,dataType])
url:待载入页面的url地址
data:{key:value}形式的数据
success:载入成功时执行的回调函数
dataType:返回内容格式

        使用一个HTTP GET请求从服务器加载数据。这是一个Ajax功能的缩写,这相当于:
        $.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
        });
2)$.post(url[,data][,success][,dataType])
        使用一个HTTP POST 请求从服务器加载数据。 这是一个 Ajax 函数的简写形式,这相当于:
        $.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
        });
3)$.getJSON("xxx.json",[,data][,success])
(json是一种以字符串输入,但是以key-value成对为数据的文件例如:
{"key1":"value1","key2":number,"key3":"value3"}  )
        使用一个HTTP GET请求从服务器加载JSON编码的数据。这是一个Ajax函数的缩写,这相当于:
        $.ajax({
  dataType: "json",
  url: "xxx.json",
  data: data,
  success: success
        });
4)$dom.load(url[,data][,complete])
载入远程 HTML 文件代码并插入至 DOM 中。
例如:
$("#f").load("f.html");(加载 feeds.html 文件内容。)
如果 url 参数的字符串中包含一个或多个空格,那么第一个空格后面的内容,会被当成是 jQuery 的选择器,从而决定应该加载返回结果中的哪部分内容。$('#result').load('ajax/test.html #container');//载入test.html中的 $("#container")
3.全局Ajax事件处理
$dom.ajaxComplete()
注册一个处理函数,在Ajax请求结束时调用它。这是一个Ajax事件。
$dom.ajaxError()
注册一个处理函数,在Ajax请求以出错告终时调用它。这是一个Ajax事件。
$dom.ajaxSend()
附加一个函数,在一个Ajax请求发送之前执行它。这是一个Ajax事件。
$dom.ajaxStart()
注册一个处理函数,当第一个Ajax请求开始之前调用它。这是一个Ajax事件。
$dom.ajaxStop()
注册一个处理函数,当所有的Ajax请求都结束时调用它。这是一个Ajax事件。
$dom.ajaxSuccess()
附加一个函数,当一个Ajax请求成功地结束时执行它。这是一个Ajax事件。
原创粉丝点击