Ajax基础调用程序说明
Posted 大连校联科技有限公司
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ajax基础调用程序说明相关的知识，希望对你有一定的参考价值。
1、Ajax（读A—jax不是阿贾克斯）原理图：
2、HTTP请求概念
<script>
document.getElementById("search").onclick = function() { var request = newXMLHttpRequest(); request.open("GET", "server.php?number=" + document.getElementById("keyword").value);
request.send();
request.onreadystatechange = function(){
if (request.readyState===4) {
if (request.status===200) {
document.getElementById("searchResult").innerhtml = request.responseText;
} else {
alert("发生错误：" +request.status);
}
}
}
}
document.getElementById("save").onclick = function() {
var request = newXMLHttpRequest();
request.open("POST", "server.php");
var data = "name=" + document.getElementById("staffName").value
+ "&number=" + document.getElementById("staffNumber").value
+ "&sex=" + document.getElementById("staffSex").value
+ "&job=" + document.getElementById("staffJob").value;
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send(data);
request.onreadystatechange = function(){
if (request.readyState===4) {
if (request.status===200) {
document.getElementById("createResult").innerHTML = request.responseText;
} else {
alert("发生错误：" +request.status);
}
}
}
}
</script>
3、JSON语法规则
4、jQuery实现Ajax
以上是关于Ajax基础调用程序说明的主要内容，如果未能解决你的问题，请参考以下文章