Jquery操作Ajax方法小结

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

最简单的情况下,$.ajax() 可以不带任何参数直接使用。

注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

语法

jQuery.ajax([settings])

参数 描述
settings  

可选。用于配置 Ajax 请求的键值对集合。

可以通过 $.ajaxSetup() 设置任何选项的默认值。

 

jQuery.get()

  使用一个HTTP GET 请求从服务器加载数据。

  jQuery.get(url [,data] [,success(data,textStatus,jqXHR)] [dtaType])

    url 一个包含发送请求的URL
    data 发送给服务器的字符串后键值对
    success() 当请求成功时回调的函数
    dataType 从服务器返回的预期数据。

  用法:

$.get("test.cgi", { name: "John", time: "2pm" },     function(data){       alert("Data Loaded: " + data);   });

jQuery.getJSON()

  使用一个HTTP GET 请求服务器加载JSON 编码的数据。

  jQuery.getJSON(url [,data] [,success(data,textStatus,jqXHR)])
    url 一个包含发送请求的URL
    data 发送给服务器的字符串后键值对
    success() 当请求成功时回调的函数

jQuery.getScript()

  使用一个HTTP GET请求从服务器加载并执行一个JavaScript文件。
  jQuery.getScript(url[success(script,textStatus,jqXHR)])
    url 一个包含发送请求的URL
    data 发送给服务器的字符串后键值对

  用法:

  $.getScript("ajax/test.js", function(data, textStatus, jqxhr) {     console.log(data); //data returned     console.log(textStatus); //success     console.log(jqxhr.status); //200     console.log('Load was performed.');   });

jQuery.post([settings])

  使用一个HTTP POST请求从服务器加载数据。
  jQuery.post(url[,data][,success(data,textStatus,jqXHR)][,dataType])
    url 一个包含发送请求的URL
    data 发送给服务器的字符串后键值对
    success() 当请求成功时回调的函数

  用法:

    $.post("test.php", { name: "John", time: "2pm" },       function(data) {         alert("Data Loaded: " + data);   });

.load()

  从服务器载入数据并且将返回的HTML代码并插入至匹配的元素中。

  .load(url[,data][,complete(responseText,textStatus,XMLHttpRequest)])
    url 一个包含发送请求的URL
    data 发送给服务器的字符串后键值对
    complete 当请求成功时回调的函数

  用法:

$('#result').load('ajax/test.html #container');

jQuery.ajax()

  执行一个异步的HTTP(ajax)的请求。

  参数:

  url 类型: Sting 发送请求的地址(默认当前页面)
  type 类型:Sting (默认为GET) 请求方式(”POST“或”GET“)
  timeout 类型:Number 设置请求超时时间(毫秒),此设置默认覆盖全局。
  async 类型:Boolean 默认设置(true)默认设置下所有请求均为一步请求,如果需要同步请求,设置为false。
  beforeSend 类型:function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。
  cache 类型:Boolean  默认为(true) 设置为false 将不会从浏览器缓存中加载请求信息。
  complete 类型:Function  请求完成后回调函数,(请求成功或失败时均调用)参数: XMLHttpRequest 对象,成功信息字符串。function (  XMLHttpRequest,            textStatus) {this; // the options for this ajax request}
  contentType  类型为:String  发送信息至服务器时内容编码类型,默认值适合大多数应用场合。
  data 类型:Object String 发送到服务器的数据。将自动转换为请求字符串格式,GET请求附加在URL后
  dataType 类型:String 预期服务器返回的数据类型, ”xml“返回XML文档。”html“返回纯文本信息,包含script 元素。”script“返回纯文本JavaScript 代码,不会自动缓存     结果。”json“返回JSON 数组。”jsonp“JSONP格式。
  error 类型:function 请求失败时将调用此方法。
  global  类型:Boolean 是否触发全局AJAX事件。默认为(true) 设置为false 将不会触发全局ajax 事件,可用于控制不同的AJAX事件。
  ifModified 类型:Boolean  默认为false 仅在服务器数据改变时获取新数据。
  processData 类型:Boolean  默认为(true)默认情况下,发送的数据发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-            urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
  success  类型:Function  请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgzggy.html