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

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

接纳Ajax飞快函数

  说明

    出于简化AJAX开发工作的流水生产线,jQuery提供了多少了火速函数.

    Ajax 1

  实例

    1.突显 test.php 再次来到值(HTML 或 XML,取决于重回值)。

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

    二.向页面 test.php 发送数据,并出口结果(HTML 或
XML,取决于所重返的内容):

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

    三.从 test.js 载入 JSON 数据并展现 JSON 数据中3个 name
字段数据。

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

    四.加载 feeds.html 文件内容

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

 

动用底层函数Ajax()

  说明

      在jQuery中,持有的AJAX神速函数都是基于3个主干的Ajax()函数,该函数提供Ajax的详细的安插入口,能够对Ajax举办更为深远的的主宰
,提供部分相比较新鲜的利用场景。    

Ajax 2

  回调函数

     如果要拍卖$.ajax()得到的数额,则必要利用回调函数。beforeSend、error、dataFilter、success、complete。
      • beforeSend
在发送请求此前调用,并且传入一个XMLHttpRequest作为参数。
      • error
在呼吁出错开上下班时间调用。传入XMLHttpRequest对象,描述失实类型的字符串以及多少个非常对象(假设部分话)
      • dataFilter
在呼吁成功现在调用。传入重返的数额以及”dataType”参数的值。并且必须回到新的多少(或许是拍卖过的)传递给success回调函数。
      • success
当请求之后调用。传入重返后的数码,以及富含成功代码的字符串。
      • complete
当请求实现现在调用那些函数,无论成功或破产。传入XMLHttpRequest对象,以及一个分包成功或错误代码的字符串。

   实例

    一.加载并实施3个 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的全局配置和事件

  全局事件

   Ajax 3

  实例

    AJAX 请求战败时展现音信

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

 

相关文章