Jquery基础（第三处理ajax）

最新推荐文章于 2021-08-05 15:36:36 发布

jpp411

最新推荐文章于 2021-08-05 15:36:36 发布

阅读量295

点赞数 1

分类专栏： Jquery基础

本文链接：https://blog.csdn.net/jpp411/article/details/52671299

版权

Jquery基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<title>ajax是与服务端交换数据的技术，在不实现重载页面的情况下，实现对网页的更新</title>


<script type="text/javascript">
//ajax加载方法 $(选择器).load(url,data,callback);data是与请求一起发送的键/值对，
//把文件中的id="p1"的元素的内容加载到指定的<div>元素中，或者可以表p1去掉
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("/try/ajax/demo_test.txt #p1");
});
});

//get或者post方法从服务器请求数据
$(document).ready(function(){
$("button").click(function(){
$.get("/try/ajax/demo_test.php",function(data,status){
alert("数据: " + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<div id="div1"><h2>使用 jQuery AJAX 修改文本</h2></div>
<button>获取外部文本</button>