彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 学会党委 > jQuery中ajax的load()方法用法实例,jqueryajax

jQuery中ajax的load()方法用法实例,jqueryajax

发布时间:2019-08-31 16:11编辑:学会党委浏览(162)

    jQuery中ajax的load()方法用法实例,jqueryajax

    本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下:

    此函数jQuery中简单而功能强大的ajax方法。
    它可以从服务器加载内容,然后写入匹配元素。
    语法结构:

    复制代码 代码如下:

    $(selector).load(URL,data,callback);

    参数解析:

    1.selector:一个选择器,可以将内容加载到此选择器匹配的元素中。
    2.URL:必须,需要加载的一个url地址。
    3.data:可选,与请求一同发送的查询字符串键/值对集合。
    4.callback:可选,load()函数执行完毕后要执行的函数,也即是一个回调函数。

    代码实例:

    复制代码 代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="" />
    <title>帮客之家</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#bt").click(function(){
        $("#thediv").load("mytest/demo/antzone.txt");
      })
    })
    </script>
    </head>
    <body>
    <div id="thediv"></div>
    <input type="button" value="查看效果" id="bt"/>
    </body>
    </html>

    以上代码实现了我们的要求,可以将文本文件中的内容写入div元素中。

    callback回调函数:

    回调函数可以具有三个参数,下面介绍一下三个参数的作用:

    1.responseTxt:包含调用成功时的结果内容。
    2.statusTXT:包含调用的状态。
    3.xhr:XMLHttpRequest对象。

    代码实例:

    复制代码 代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="" />
    <title>帮客之家</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#bt").click(function(){
        $("#thediv").load("antzone.txt",function(responseTxt,statusTxt,xhr){
          if(statusTxt=="success"){
            alert("内容加载成功!");
          } 
          if(statusTxt=="error"){
            alert("错误:"+xhr.status+":"+xhr.statusText);
          } 
        });
      });
    })
    </script>
    </head>
    <body>
    <div id="thediv"></div>
    <input type="button" value="查看效果" id="bt"/>
    </body>
    </html>

    以上代码实现可以弹出错误提示,因为路径不正确,找不到文件。

    希望本文所述对大家的jQuery程序设计有所帮助。

    本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下: 此函数jQue...

    jQuery中ajax的get()方法用法实例,jqueryajax

    本文实例讲述了jQuery中ajax的get()方法用法。分享给大家供大家参考。具体分析如下:

    $.get()通过 HTTP GET请求从服务器上请求数据。

    语法结构:

    复制代码 代码如下:

    $.get(url, [data], [callback], [type]);

    参数解析:

    1.URL:必须,规定请求的URL。
    2.data:可选,待发送 Key/value 参数。
    3.callback:可选,请求成功后所执行的回调函数。
    4.type:可选,返回内容格式,xml, html, script, json, text, _default。

    代码实例:

    复制代码 代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="" />
    <title>帮客之家</title>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#bt").click(function(){
        $.get("mytest/demo/antzone.txt",function(data,status){
          alert("Data:"+data+"nStatus:"+status);
        })
      })
    })
    </script>
    </head>
    <body>
    <input type="button" value="查看效果" id="bt"/>
    </body>
    </html>

    希望本文所述对大家的jQuery程序设计有所帮助。

    本文实例讲述了jQuery中ajax的get()方法用法。分享给大家供大家参考。具体分析如下: $.get()通过 H...

    本文由彩世界平台发布于学会党委,转载请注明出处:jQuery中ajax的load()方法用法实例,jqueryajax

    关键词:

上一篇:jQuery中focus事件用法实例,jqueryfocus

下一篇:没有了