$(selector).load(URL,data,callback);
参数名称 |
类型 |
说明 |
url |
String |
请求HTML页面的URL地址 |
data(可选) |
Object |
发送至服务器的key/value数据 |
callback(可选) |
Function |
请求完成时的回调函数,无论请求成功或失败 |
1、load引入重复代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function () {
$(".include").load("/try/ajax/demo_test.html", function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
</script>
</head>
<body>
//1.当前文件中要插入的地方使用此结构:
<div class="include"></div>
</body>
</html>