阅读背景:

ajax/ jsonp/ jQuery-jsonp/ jsonp公开接口/ 正则/正则表达式

来源:互联网 
!-- flowchart 箭头图标 勿删 --

ajax

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax</title>
	<style type="text/css">
		
	</style>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">
		$.ajax({
			url: 'data.json',//请求的服务器路径,实际开发中写文档接口的路径
			type: 'get',//分get/post请求,涉及隐私或安全性要求较高的用post、安全要求不高及数据量较小的用get
			dataType: 'json',//要读取什么格式的数据,还可以是xml script html upload等
			// data:{page:1}//请求时要携带的参数
		})
		.done(function(data){//成功的时候会执行的函数,参数data是从后台接收到的数据,这里是json格式的字符串
			alert(data.name);
			console.log(data);
		})
		.fail(function(){//失败的时候会执行的函数
			console.log("error");
		})
		/*
		.fail(function(XMLHttpRequest, textStatus, errorThrown) {//失败(带参数)
			console.log("error");
			// 状态码
            console.log(XMLHttpRequest.status);
            // 状态
            console.log(XMLHttpRequest.readyState);
            // 错误信息   
            console.log(textStatus);
		})
		.always(function(){//不论成功与否都会执行
			console.log("always");
		})
		*/;
	</script>
</head>
<body>
	
</body>
</html>
<!



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: