您的位置：首页 > Web前端 > JQuery

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

2016-04-08 20:29 513 查看

第一篇的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>

如果成功则弹出

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航