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() 方法【进阶篇】

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

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

上一篇:Windows多线程编程总结


下一篇:nodejs querystring