实例
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<button id="buts">ajax通用</button>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
//以下为通用的方式使用ajax
$('#buts').click(function(){
var num = 10;
//$.ajax({})
$.ajax({
//参数1: url 设置访问的Php文件
url:'06_ajax.php',
//参数2：data：用于传值
data:'id=1000',
//参数3：用于设置连接的方式
type:'GET',
//参数4:success成功后执行什么
success:function(data){
num = 100;
console.log(data);
},
//参数5:error 失败后执行什么
error:function(){
alert('ajax错误');
},
//timout 用于设置最大等待时间，无设置默认不填
//当timout设置的时间内ajax未访问成功请求数据的话，则判定为失败
timout:3000,
//async 是否异步，如果异步为true，同步为false
async:false
});
alert(num);
})
</script>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
