1.加载外部文件
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--防止乱码-->
<script src="js/jQuery.js"></script> <!--加载jQuery文件-->
<script src="js/myjs.js"></script> <!--加载jquery的js文件-->
</head>
<body>
<p id="test">原本内容,将被替换</p>
<button>加载外部文件</button>
</body>
</html>
//外部文件myjs
$(document).ready(function(){
$("button").click(function(){
$('#test').load('files/new_file.txt') //加载外部文件
})
});
//外部文件new_file
<h1>我的外部文件</h1>
另:
$('#test').load("files/new_file.txt p") //加载外部文件中的p标签
$('#test').load("files/new_file.txt #sel") //加载外部文件中的id=sel的内容
2.带参数加载外部文件
1)$('#test').load("files/new_file.txt p",function(data,status)
//data读取文件内容
//status读取调用状态为:调用成功值为success,失败为error
2)get请求
$.get("files/new_file.txt",function(data,status){
alert("数据:" + data + "
状态:" + status);
});
3)post请求