书写方式
<!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>
$(document).ready(function(){
$("button").click(function(){
$.ajax({url:"demo_test.txt",success:function(result){
$("#div1").html(result);
}});
});
});
</script>
</head>
<body>
<div id="div1"><h2>使用 jQuery AJAX 修改文本内容</h2></div>
<button>获取其他内容</button>
</body>
</html>
主要参数
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c49be8bd44ac57d7cb8e7dcf74cbb4d5.png)
AJAX默认是同步还是异步?
- async属性:默认为true,如需发送同步请求改为false即可;
- 同步和异步提交的差别
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3c25f7c82c1d10b6a65e02bdebe0f093.png)
优缺点
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/322b67cd356ac1269964faf57284f357.png)
应用场景