分享

jQuery Ajax

 学海无涯GL 2015-01-12
jQuery Ajax


  1.    . load()方法:载入远程 HTML 文件代码并插入至 DOM 中                

  如下->

     <script type="text/javascript" src="http://ajax./ajax/libs/jquery/1.3/jquery.min.js"></script>  <!-- 首先引入JQUERY-->
      <script language="javascript">
            $("#Text").load("test.html"); 
      </script>
 html代码:
           <div id="Text"></div>
     这段代码内可以把一个.html文件或者是.php文件加载进来。 比如经过处理的接口的数据就可以这样调过来!
2.   .$.get ()方法   使用GET方法进行异步传输请求
语法:jQuery.get( url, [data], [callback] ):            
                     url (String) :  发送请求的URL地址. 
                     data (Map) : (可选) 要发送给服务器的数据              

                     callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax
如果只是传值不需要执行失败时报错就用这个:
        $.get("Ajax.php", {Name:"william",Pass:"123456"}, function (data, textStatus){    
                 //执行成功之后的操作
                  alert(data); //返回的数据
                  //alert(textStatus);//请求状态:success,error等等。
      });
3.$.post()   使用GET方法进行异步传输请求
语法:jQuery.post( url, [data], [callback], [type] )
           url (String) : 发送请求的URL地址.
           data (Map) : (可选) 要发送给服务器的数据
           callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。     
           type (String) : 请求类型(JSON,XML,等等)默认为TEXT或HTML    
     和GET相似
           $.post("Ajax.php", {Name:"william",Pass:"123456"}, function (data, textStatus){    
                 //执行成功之后的操作
                  alert(data.result); //由于设置了类型为“json”,这里返回的data就是一个对象
                  //alert(textStatus);//请求状态:success,error等等。
      },'json');
4.$.getScript()   通过 GET 方式请求载入并执行一个 JavaScript 文件    
[pre]       $.getScript("AjaxEvent.js", function(){
          alert("AjaxEvent.js 已加载完成并执行完成!");
       });[/pre] 5.$.ajax()      通过 HTTP 请求加载远程数据
语法:
             
url  (String)  (默认: 当前页地址) 发送请求的地址。
            type (String) (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。
            timeout (Number) 设置请求超时时间(毫秒)。此设置将覆盖全局设置。
            data (Object, String) 发送到服务器的数据。将自动转换为请求字符串格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
            dataType (String) "xml": 返回 XML 文档;"html": 返回纯文本 HTML 信息;"script": 返回纯文本 JavaScript 代码;"json": 返回 JSON 数据
           success(Function) 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态function (data, textStatus) {}
           error (Function) 请求失败后返回函数,显示错误信息。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多