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>

如果成功则弹出

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

转载于:https://www.cnblogs.com/dshvv/p/5369871.html

2-jQuery - AJAX load() 方法【进阶篇】相关推荐

ajax load html页面,jQuery – AJAX load() 方法 | 菜鸟教程
为了避免多页面情形下的代码重复,可以利用 load() 方法,将重复的部分(例如导航栏)放入单独的文件,使用下列方法进行导入: //1.当前文件中要插入的地方使用此结构: //2.***.html中放 ...
ajax的添加方法,jQuery - AJAX load（）方法如何添加2多变量
我有这段代码.我需要添加一个sub_season var.如何添加更多的var?我在谷歌托盘看,但没有结果. 谢谢你,如果你帮我!jQuery - AJAX load()方法如何添加2多变量 echo ...
js中load载入html页面,使用jquery的load方法加载html页面，但是html引入的js不生效
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提有一个公共的登录弹框页面需要在多个页面引用,百度后就使用了jQuery 的 load 方法. 做法: 将公共的 ht ...
ajax complete写法,jquery ajax complete 方法
jquery ajax var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'g ...
ajax abort 原因,jquery ajax abort()方法
如果用户频繁点击ajax请求,除最后一个外都是无效的,趁早结束节省资源.也可能出现更严重的问题,最后一个发送的请求,响应未必是最后一个,有可能造成混乱.用jquery的abort方法,可以中途中止aj ...
使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题
使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题参考文章: (1)使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题 ( ...
1-jQuery - AJAX load() 方法【基础篇】
jQuery load() 方法是简单但强大的 AJAX 方法:load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 格式 $(selector).load(URL 源码 index.h ...
jquery ajax html方法吗,jQuery ajax方法
jQuery AJAX 方法 jQuery load() 方法是简单强大的AJAX方法.从服务器加载数据,并将数据显示在被选中元素中. 语法: $(selector).load(URL,data,ca ...
jQuery ajax - getScript() 方法
jQuery Ajax 参考手册实例通过 AJAX 请求来获得并运行一个 JavaScript 文件: $("button").click(function(){$.getSc ...

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

2-jQuery - AJAX load() 方法【进阶篇】相关推荐

最新文章

热门文章