2-jQuery - AJAX load() 方法【进阶篇】

第一篇的AJAX load() 方法过于简单，补充一下，完整的。

格式

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

源码

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

        <title></title>

        <style type="text/css">

            #dsh{width: 100%; height: 100px; border: red solid 1px;}

        </style>

    </head>

    <body>

        <div id="dsh"></div>

        <input type="button" id="actions" value="执行" onclick="ajx()"/>

        <script type="text/javascript">

            function ajx(){

                $("#dsh").load(

                     "file/xyj.txt",//加载的内容的URL

                      msg//执行加载后执行的函数，即回调函数callback

                )

            }

            function msg(responseTxt,statusTxt,xhr){

                if(statusTxt=="success"){alert("状态:"+statusTxt+'\n'+"内容:"+responseTxt);}

                if(statusTxt=="error"){alert("状态:"+statusTxt+'\n'+"错因: "+xhr.status+'\n'+"内容: "+xhr.statusText);}

              }

            /*说明：

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

            必需的 URL 参数规定您希望加载的 URL。

            可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

            可选的 callback 参数是 load() 方法完成后所执行的函数名称。

            msg为可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。

            回调函数可以设置不同的参数：

                responseTxt - 包含调用成功时的结果内容

                statusTXT - 包含调用的状态

                xhr - 包含 XMLHttpRequest 对象*/

        </script>

    </body>

</html>

如果成功则弹出

如果我故意把加载路径填错，即让其找不到加载文件，则会弹出

2-jQuery - AJAX load() 方法【进阶篇】的更多相关文章

jQuery – AJAX load() 方法
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector). ...
jQuery AJAX load() 方法
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector). ...
jQuery ajax Load关闭缓存的方法
[导读] 在jQuery ajax Load关闭缓存的方法很简单,我们只要在$ ajaxSetup中把cache: false就楞以了,当然我们还可以使用一个随机参数来实例了.简单介绍load(url ...
使用jquery的load方法设计动态加载，并解决浏览器前进、后退、刷新等问题
继上一篇使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题解决了后台业务系统的部分动态加载问题,然而该框架离正常的用户体验还存在一些问题,如:浏览器的前进.后 ...
在ASP.NET MVC中使用jQuery的Load方法加载静态页面的一个注意点
使用使用jQuery的Load方法可以加载静态页面,本篇就在ASP.NET MVC下实现. Model先行: public class Article { public int Id { get; s ...
2016 系统设计第一期（档案一）jQuery ajax serialize()方法form提交数据
jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...
使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题
一.问题分析对于后台系统,相比大家都有所印象,知道其中的布局结构,如图: 在这种布局中我们需要将header,sidebar,footer分开,而且对于中间部分的content内容需要动态变化,即根 ...
1-jQuery - AJAX load() 方法【基础篇】
jQuery load() 方法是简单但强大的 AJAX 方法:load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 格式 $(selector).load(URL 源码 index.h ...
jquery ajax load
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector). ...

随机推荐

数据意识崛起，从企业应用看BI软件的未来发展
前阵子,和一群企业CIO聊天,希望从甲方角度看看对BI产品的看法.在问及一些成熟企业为何不上BI项目时,大家纷纷表示目前还处于观望状态. 提及BI,大家都觉得有些飘忽,和大数据一样,听着高大上,能真正 ...
Sipdroid实现SIP(五): 用Java实现的UserAgent
I. 概述 UserAgent是SIP协议中的一个概念, 将"打电话"功能中的主叫和被叫逻辑上封装成UserAgent, 就像将"注册"功能的发起方和接收方封装 ...
安装Java Cer证书
skldfsdf Javaawtetwetwetwetwe testse Java estestset
[SQL基础教程] 4-2 数据删除(DELETE)
[SQL基础教程] C4 数据更新 4-2 数据删除(DELETE) DROP TABLE / DELETE DROP TABLE - 完全删除表 DELETE - 仅删除数据,保留表容器 DELET ...
第17章使用PHP和MySQL实现身份验证
1.对密码进行加密:sha1(string str,bool raw_output) //将返回一个40个字符的伪随机字符串,若raw_output为true,着得到一个20个字符的二进制字符串数据 ...
Linux学习-文件和目录管理
Linux文件和目录管理文件系统架构 1.Linux文件系统具有层级性 1)文件或者目录起始于根目录"/"成为树状结构 2)最顶层由/开始 2 ...
iOS NSNotificationCenter 移除通知带来的crash
Where to remove observer for NSNotification? 在dealloc方法中移除通知观察者带来crash NSNotificationCenter中的通知消息已经发 ...
js中访问action
jsp中 <a href="javascript:Excel();" class="easyui-linkbutton" plain="true ...
记录下 js各种证件的正则验证
身份证 /(^\d{15}$)|(^\d{17}([0-9]|X)$)/ 护照 /^[a-zA-Z0-9]{3,21}$/ /^(P\d{7})|(G\d{8})$/ 军官证或士兵证 ...
一个简单的例子说明windows环境变量配置
关于win下环境变量的问题配置环境变量其实就像是创建一个快捷键一样,我们把安装程序的路径告诉系统环境变量,这样下次我们在命令行中就可以直接使用一个简单的命令来调用我们安装的程序,因为此时计算机已经知 ...

2-jQuery - AJAX load() 方法【进阶篇】

2-jQuery - AJAX load() 方法【进阶篇】的更多相关文章

随机推荐

热门专题