搭建最简单的jQuery环境
目标
搭建环境,验证服务端返回400错误的同时返回的详细错误信息。
准备
windows桌面新建test文件夹
下载js文件 https://code.jquery.com/jquery-3.2.1.min.js
改名jquery.js放到test目录
新建get.html文件,打开粘贴如下代码:
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function()
{
$("button").click(function(){
jQuery.ajax({
url: "http://192.168.1.128:8000/api/test/",
type: "get",
dataType: "json",
success: function(msg)
{
alert(msg);
},
error: function(XMLHttpRequest) {
alert(XMLHttpRequest.responseText);
},
}
)
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP GET 请求,然后获得返回的结果</button>
</body>
</html>
调试
用firefox浏览器打开get.html文件, 单击按钮,打印了服务端返回的详细信息。
可以看出,对于400错误,jquery走的是error分支。
详细信息(json)会存放在字段XMLHttpRequest.responseText
中。