实现ajax的异步调用代码
来源:互联网 发布:浙工大图书馆网络 编辑:程序博客网 时间:2024/06/05 11:24
html的部分:
请输入序号:<input type="text" id="keyword">
<button type="button" id="refer">查询</button>
<p id="content"></p>
<p style="font-weight: bold;">新建员工</p><br/>
员工姓名:<input id="newname"/><br/>
员工编号:<input id="newnumber"/><br/>
员工性别:<select id="newsex">
<option value="男">男</option>
<option value="女">女</option>
</select><br/>
员工职位:<input id="newjob"><br/>
<button type="button" id="save">保存</button><br/>
<p id="contents"></p>
js的部分:
<script>
document.getElementById("refer").onclick=function(){
var request =new XMLHttpRequest();
request.open("GET","serverData.php?number="+document.getElementById("keyword").value);
request.send();
request.onreadystatechange=function(){
if(request.readyState===4){
if(request.status===200){
document.getElementById("content").innerHTML=request.responseText;
}else{
alert("出现"+request.status+"错误");
}
}
}
}
document.getElementById("save").onclick=function(){
var request=new XMLHttpRequest();
request.open("POST","serverData.php");
var data="name="+document.getElementById("newname").value+
"&number="+document.getElementById("newnumber").value+
"&sex="+document.getElementById("newsex").value+
"&job="+document.getElementById("newjob").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("contents").innerHTML=request.responseText;
}else {
alert("出现"+request.status+"错误");
}
}
}
}
<script>
- 实现ajax的异步调用代码
- Ajax异步调用代码
- Ajax异步调用代码
- ajax.dll异步调用的实现
- ajax异步调用的底层实现
- AJAX.NET 异步调用实现局部刷新CS代码解读
- 手写实现ajax异步调用
- Ajax实现异步调用的多个解决方案
- 利用ashx实现AJAX的异步数据调用
- 使用XMLHttpRequest结合struts2实现Ajax异步调用的例子
- 原生JavaScript实现ajax异步请求代码
- 代码实现AJAX异步回传(弹出javascript脚本)、异步更新的错误处理
- 代码实现AJAX异步回传(弹出javascript脚本)、异步更新的错误处理
- Ajax异步技术的实现
- Ajax异步调用Web服务的例子
- AJAX实例教程:异步调用的程序
- Ajax最底层的异步调用
- ajax异步调用后台的一般模式
- PLSQL 11注册码
- Android 设置EditText的DrawableRight和DrawableLeft 的通用点击事件
- stm32 HardFault_Handler调试及问题查找方法
- 求数组中和最大的子数组并输出子数组序列
- Eclipse下debug时候提示找不到源文件(edit the source lookup path)
- 实现ajax的异步调用代码
- java求两个日期之间的时间差
- 数据的扩展与截断
- 职场血的教训
- jQuery全屏滚动插件fullPage.js中文文档API
- 02
- 17 AVR中的定时器喂狗的作用
- RecyclerView的简单使用(一)
- 调用JAVA API对HDFS文件进行文件的读写、上传下载、删除等操作代码详解