ajax书写方式及内部主要参数

书写方式

<!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>

主要参数

ajax书写方式及内部主要参数_第1张图片

AJAX默认是同步还是异步?

  • async属性:默认为true,如需发送同步请求改为false即可;
  • 同步和异步提交的差别
    ajax书写方式及内部主要参数_第2张图片

优缺点

ajax书写方式及内部主要参数_第3张图片

应用场景

  • 省、市、区三级联动

你可能感兴趣的:(javaWEB基础)