jQuery:自学笔记(5)——Ajax

jQuery:自学笔记(5)——Ajax

使用Ajax快捷函数

  说明

    出于简化AJAX开发工作之流程,jQuery提供了好多了快捷函数.

    图片 1

  实例

    1.展示 test.php 返回值(HTML 或 XML,取决于返回值)。

      $.get(“test.php”, function(data){
          alert(“Data Loaded: ” + data);
      });

    2.通向页面 test.php 发送数据,并出口结果(HTML 或
XML,取决于所返的情节):

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

    3.自 test.js 载入 JSON 数据并展示 JSON 数据遭到一个 name
字段数据。

      $.getJSON(“test.js”, function(json){
        alert(“JSON Data: ” + json.users[3].name);
      });

    4.加载 feeds.html 文件内容

      $(“#feeds”).load(“feeds.html”);

 

下底层函数Ajax()

  说明

      在jQuery中,怀有的AJAX快捷函数都是冲一个基本的Ajax()函数,该函数提供Ajax的详实的布置入口,好针对Ajax进行更进一步深入的之控制
,提供一些较新鲜的行使场景。    

图片 2

  回调函数

     如果若拍卖$.ajax()得到的数额,则需用回调函数。beforeSend、error、dataFilter、success、complete。
      • beforeSend
在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。
      • error
在求出错时调用。传入XMLHttpRequest对象,描述不当类型的字符串以及一个怪对象(如果部分言语)
      • dataFilter
在求成功之后调用。传入返回的数量和”dataType”参数的价值。并且要返回新的数目(可能是处理了之)传递给success回调函数。
      • success
当请求后调用。传入返回后的多寡,以及含有成功代码的字符串。
      • complete
当请求完成后调用这个函数,无论成功或者破产。传入XMLHttpRequest对象,以及一个饱含成功还是错误代码的字符串。

   实例

    1.加载并实施一个 JS 文件。

      $.ajax({
        type: “GET”,
        url: “test.js”,
        dataType: “script”
      });

    2.保留数据及服务器,成功时显示信息。

      $.ajax({
          type:”POST”,
          url:”some.php”,
          data:”name=John&Age=18″,
          success:function(msg)
          {alert(msg)}
      })

Ajax的全局配置与波

  大局事件

   图片 3

  实例

    AJAX 请求失败时显示信息

    $("#msg")``.ajaxError(function(event,request, settings){ $(this).append("<li>出错页面:" + settings.url + "</li>"); });

 

相关文章