zoukankan      html  css  js  c++  java
  • jQuery ajax

                                                以下方法都是Ajax 事件
    
    function(event,xhr,options)
    
    event - 包含 event 对象;
    
    xhr - 包含 XMLHttpRequest(XMLHttpRequest 对象和设置作为参数传递给回调函数) 对象;
    
    options - 包含 AJAX 请求中使用的选项

    jQuery.ajax()
    
    .ajaxComplete()


    1 .jQueryajaxComplete(function(event,xhr,options))//规定当请求完成时运行的函数
    2 
    3 $("#txt").ajaxStart(function(){
    4   $("#wait").css("display","block");
    5 });
    6 $("#txt").ajaxComplete(function(){
    7   $("#wait").css("display","none");
    8 });//当 AJAX 请求正在进行时显示“正在加载”的指示

    .ajaxError()

    复制代码
    .ajaxError(function(event,xhr,options,exc))//在 AJAX 请求发生错误时执行函数(exc - 包含 JavaScript exception)
    
    $("div").ajaxError(function(){
      alert("An error occurred!");
    });
    
    
    function (event, XMLHttpRequest, ajaxOptions, thrownError) {
     // thrownError 只有当异常发生时才会被传递 this;
     }//捕捉到的错误可作为最后一个参数传递
    复制代码

      

    
    

    .ajaxSend()

    
    
    .ajaxSend(function(event,xhr,options))//ajaxSend() 方法在 AJAX 请求开始时执行函数
    
    $("div").ajaxSend(function(e,xhr,opt){
      $(this).html("Requesting " + opt.url);
    });//当 AJAX 请求即将发送时,改变 div 元素的内容
    
    

    $("#id").ajaxSend(function(event,xhr,options){ })是全局事件也就是说,只要该页面定义了这个函数,那么,在每个ajax请求前都会执行该函数,这既与该函数前面的选择器#id无关,也与用$.get还是$.post请求无关

    
    

    jQuery.ajaxSetup()

    
    
    复制代码
    jQuery.ajaxSetup(name:value, name:value, ...)//jQuery.ajaxSetup() 方法设置全局 AJAX 默认选项
    
    $("button").click(function(){
      $.ajaxSetup({url:"demo_ajax_load.txt",success:function(result){
        $("div").html(result);}});
      $.ajax();
    });//为所有 AJAX 请求设置默认 URL 和 success 函数
    复制代码
    
    
    
    
    

    .ajaxStart()

    
    
    ajaxStart() 方法在 AJAX 请求发送前执行函数
    
    $("div").ajaxStart(function(){
      $(this).html("<img src='demo_wait.gif' />");
    });//当 AJAX 请求开始时,显示“加载中”的指示
    
    
    
    
    

    .ajaxStop()

    
    
    复制代码
    ajaxStop() 方法在 AJAX 请求结束时执行函数。
    
    $("div").ajaxStop(function(){
      alert("所有 AJAX 请求已完成");
    });
    
    无论 Ajax 请求在何时完成 ,jQuery 都会检查是否存在其他 Ajax 请求。如果不存在,则 jQuery 会触发该 ajaxStop 事件
    复制代码
    
    
    
    
    

    .ajaxSuccess()

    
    
    ajaxSuccess() 方法在 AJAX 请求成功时执行函数
    
    $("div").ajaxSuccess(function(){
      alert("AJAX 请求已成功完成");
    });
    
    
    
    
    

    jQuery.get()

    
    
    复制代码
    get() 方法通过远程 HTTP GET 请求载入信息。
    这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax
    
    $("button").click(function(){
      $.get("demo_ajax_load.txt", function(result){
        $("div").html(result);
      });
    });//使用 AJAX 的 GET 请求来改变 div 元素的文本
    复制代码
    
    
    $(selector).get(url,data,success(response,status,xhr),dataType)
    
    
    参数描述
    url 必需。规定将请求发送的哪个 URL。
    data 可选。规定连同请求发送到服务器的数据。
    success(response,status,xhr)

    可选。规定当请求成功时运行的函数。

    额外的参数:

    • response - 包含来自请求的结果数据
    • status - 包含请求的状态
    • xhr - 包含 XMLHttpRequest 对象
    dataType

    可选。规定预计的服务器响应的数据类型。

    默认地,jQuery 将智能判断。

    可能的类型:

    • "xml"
    • "html"
    • "text"
    • "script"
    • "json"
    • "jsonp"
    
    

    jQuery.getJSON()

    
    
    复制代码
    通过 HTTP GET 请求载入 JSON 数据
    
    jQuery.getJSON(url,data,success(data,status,xhr))

    $("button").click(function(){
      $.getJSON("demo_ajax_json.js",function(result){
        $.each(result, function(i, field){
          $("div").append(field + " ");
        });
      });
    });//使用 AJAX 请求来获得 JSON 数据,并输出结果
     
    复制代码
    
    
    参数描述
    url 必需。规定将请求发送的哪个 URL。
    data 可选。规定连同请求发送到服务器的数据。
    success(data,status,xhr)

    可选。规定当请求成功时运行的函数。

    额外的参数:

    • response - 包含来自请求的结果数据
    • status - 包含请求的状态
    • xhr - 包含 XMLHttpRequest 对象
    
    

    jQuery.getScript()

    
    
    复制代码
    jQuery.getScript(url,success(response,status))
    
    getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件
    
    $("button").click(function(){
      $.getScript("demo_ajax_script.js");
    });//通过 AJAX 请求来获得并运行一个 JavaScript 文件
    复制代码
    
    
    参数描述
    url 将要请求的 URL 字符串。
    success(response,status)

    可选。规定请求成功后执行的回调函数。

    额外的参数:

    • response - 包含来自请求的结果数据
    • status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")
    
    

    .load()

    
    
    load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中
    
    load(url,data,function(response,status,xhr))
    
    
    
    
    

    jQuery.param()

    
    
    param() 方法创建数组或对象的序列化表示。
    
    
    
    
    

    jQuery.post()

    
    
    post() 方法通过 HTTP POST 请求从服务器载入数据
    
    
    
    
    

    .serialize()

    
    
    serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
    
    
    
    
    

    .serializeArray()

    
    
    serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)
     
    
    
    






  • 相关阅读:
    Rsync常见运维操作命令
    [图文详解] Sublime Text在Windows/Ubuntu/Mac OSX中配置使用CTags
    Sublime Text : 创建工程
    Sublime Text 插件 & 使用技巧
    如何解决adb devices 端口被占用的问题zz
    Nginx 服务器安装及配置文件详解
    把notepad++设置为系统全局文本默认打开应用
    Ubuntu 下载 & 编译 Android5.1 源码
    同步、更新、下载Android Source & SDK from 国内镜像站
    如何为Linux生成和打上patch
  • 原文地址:https://www.cnblogs.com/socool-hu/p/5666948.html
Copyright © 2011-2022 走看看