<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="/js/jquery-2.1.1.min.js"></script>
<script>
function req() {
$.post("/json","ename=小四儿&pwd=321",function(r){
alert(r.key);
},"json");
}
/*第二种原生代码如下,效果同上。
var xmlHttpRequest;
function req() {
// 1. 根据浏览器内核不同创建不同的ajax请求对象
xmlHttpRequest = createInstance();
// 2. 执行open方法设置请求方式,url,是否为异步
xmlHttpRequest.open('get',"/json?ename=小三&pwd=admin", true);
// 3. 设置回调函数callback
xmlHttpRequest.onreadystatechange = getResult;
// 4. 调用send方法,发送请求
xmlHttpRequest.send();
}
function getResult() {
// 5. 执行回调函数,根据请求状态码和响应状态码,分别为4和200,处理结果
if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
alert(JSON.parse(xmlHttpRequest.responseText).key);
}
}
function createInstance() {
if(window.XMLHttpRequest) {
return new XMLHttpRequest();
} else {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}*/
</script>
</head>
<body>
<button onclick="req();">点我测试ajax</button>
</body>
</html>`
ajax原理代码以及 JQuery调用方法
最新推荐文章于 2021-08-06 04:35:34 发布