jQuery - AJAX load() 方法

最新推荐文章于 2023-10-25 18:32:19 发布

jony0303

最新推荐文章于 2023-10-25 18:32:19 发布

阅读量299

点赞数 1

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/zjhwqx/article/details/52624017

版权

jquery 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test").load("uploads/01.txt");
});
$("#btn2").click(function(){
$("#test").load("uploads/01.txt #p1");
});
$("#btn3").click(function(){
$("#test").load("uploads/01.txt h2",function(responseTxt,statusTxt,xhr)
{
if(statusTxt=="error")
alert("Error:"+xhr.status+":"+xhr.statusTxt);
if(statusTxt=="success")
alert("外部内容加载成功！");

});
});
});
</script>
</head>
<body>
<h3 id="test">点击下面的按钮，通过jQuery AJAX 改变这段文本，获取01.txt里面的内容。</h3>
<p>我是p标签里面的内容。</p>
<button id="btn1">获取外部的所有内容</button>
<button id="btn2">获取外部的id是p1的内容</button>
<button id="btn3">获取外部的h2标签里面的内容返回结果</button>
</body>
</html>