相关的ajax操作JS文件
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"); //此处要把各个输入框获取到的各个员工信息一URL的方式捆绑到data中 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); } } } }需要特别注意，不要忘记设置content-type
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
操作结果示意图
本文由本人总结自慕课网@WayneJ的ajax全接触课程链接描述，代码与截图非原创，仅供学习，如有侵权请私信告知。
42 人推荐
评论
收藏
评论（Enter+Ctrl）
热门评论
评论加载中...
条评论
评论加载中...
相关文章
精彩导读
热门资讯
关注我们
