Ajax概念、HTTP请求概念、Ajax的原生和jQuery实现、跨域知识
发布时间:2020-12-16 03:30:59 所属栏目:百科 来源:网络整理
导读:1、Ajax(读A—jax不是阿贾克斯)原理图: 2、HTTP请求概念 scriptdocument.getElementById("search").onclick = function() { var request = new XMLHttpRequest(); request.open("GET","server.php?number=" + document.getElementById("keyword").value);
1、Ajax(读A—jax不是阿贾克斯)原理图:
2、HTTP请求概念
<script> document.getElementById("search").onclick = function() { var request = new XMLHttpRequest(); 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 = new XMLHttpRequest(); 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>
4、jQuery实现Ajax
5、跨域
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |