zoukankan      html  css  js  c++  java
  • jQuery 中的 Ajax $.ajax() load() $.get() $.post() $.getJSON() $.getScript()

    1. $.ajax()方法

    参数对象属性如下:

    参数名

    类型

    描述

    url

    String

    (默认: 当前页地址) 发送请求的地址。

    type

    String

    (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。

    timeout

    Number

    设置请求超时时间(毫秒)。此设置将覆盖全局设置。

    async

    Boolean

    (默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

    beforeSend

    Function

    发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。

    function (XMLHttpRequest) {

    this; // the options for this ajax request

    }

    cache

    Boolean

    (默认: true) jQuery 1.2 新功能,设置为 false 将不会从浏览器缓存中加载请求信息。

    complete

    Function

    请求完成后回调函数 (请求成功或失败时均调用)。参数: XMLHttpRequest 对象,成功信息字符串。

    function (XMLHttpRequest, textStatus) {

    this; // the options for this ajax request

    }

    contentType

    String

    (默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。

    data

    Object,

    String

    发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如:

    {foo:["bar1", "bar2"]}转换为 '&foo=bar1&foo=bar2'。

    dataType

    String

    预期服务器返回的数据类型。如果不指定,jQuery 将自动根据HTTP 包 MIME 信息返回responseXML 或 responseText,并作为回调函数参数传递,可用值:

    "xml": 返回 XML 文档,可用 jQuery 处理。

    "html": 返回纯文本 HTML 信息;包含 script 元素。

    "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

    "json": 返回 JSON 数据 。

    "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

    error

    Function

    (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。

    function (XMLHttpRequest, textStatus, errorThrown) {

    // 通常情况下textStatus和errorThown只有其中一个有值

    this; // the options for this ajax request

    }

    global

    Boolean

    (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件

    ifModified

    Boolean

    (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。

    processData

    Boolean

    (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

    success

    Function

    请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态

    function (data, textStatus) {

    // data could be xmlDoc, jsonObj, html, text, etc...

    this; // the options for this ajax request

    }

    应用实例如下:

     1 $(document).ready(function(){
     2     $("#Access").click(function(){
     3         var xmlReq = $.ajax({
     4                         type:'GET',
     5                         url:'http://www.baidu.com',
     6                         success:function(reqContent)
     7                         {
     8                             $("#browser").html(reqContent);
     9                             $("#content").text(reqContent);
    10                         }});
    11         $("#browser").html("<h1>正在打开百度搜索</h1>");
    12     });
    13 });

     2.load()方法

      格式:load(url [,data] [,callback])

      功能:远程载入HTML代码并直接插入DOM中。该方法是被DOM对象调用,不是jQuery的全局方法。

      url:请求的页面路径

      data:请求附加的参数,是“键/值”对的集合

      callback:请求完成时执行的回调函数,无论请求执行成功还是失败都将执行。

    3.$.get()方法

      格式:var xmlReq = $.get(url [,data] [,callback] [,type]);

      功能:使用GET方式进行异步请求

      url:异步请求的URL地址

      data:执行异步请求附加的参数列表。以“键/值”对集合的形式作为 QueryString 附加到请求的URL中。

      callback:回调函数,当响应成功时执行的函数。jQuery自动将请求结果和状态传递给该方法。

           function(data, textStatus){ ...} 其中data是请求结果,可以是html文本、xml文本、text文本、JSON等。textStatus是响应状态,可能是success等。

      type:设置返回内容的格式,可选的有xml, html, script, json, jsonp, text等。默认值为html

    4.$.post()方法

      格式:var xmlReq = $.post(url [,data] [,callback] [,type]);

      功能:与get方法相比,该方法将参数作为消息的实体发送到服务器,对数据无长度上的影响。而get方法中所有的参数信息都将追加到URL后。

    5.$.getJSON()方法

      格式:var xmlReq = $.getJSON(url [,data] [,callback]);

      功能:通过get方式请求载入JSON数据。

    6.$.getScript()方法

      格式:var xmlReq = $.getScript(url [,callback]);

      功能:使用get方式载入一个JavaScript文件,并执行该文件的JavaScript代码。

  • 相关阅读:
    打开安装 好的Microsoft Dynamics CRM 4.0 报错误为 Caller does not have enough privilege to set CallerOriginToken to the specified value 的解决办法
    基于 Windows Server 2008 的计算机对 Microsoft Dynamics CRM 4.0 的支持
    Microsoft Dynamics CRM 4.0 如何添加自定义按钮
    Microsoft Dynamics CRM 4.0 Plugin 取值,赋值,查询
    C# 中的 enum(枚举) 类型使用例子
    vue事件的绑定
    表单验证2
    node中模块
    node模块的引入
    node中的读文件
  • 原文地址:https://www.cnblogs.com/lihuiyy/p/2595838.html
Copyright © 2011-2022 走看看