ajax异步请求服务器(不使用任何框架)
2014-01-25 10:05
555 查看
本文摘自 http://www.codingsky.com/blog?blogid=404
习惯了用框架进行ajax访问?可别忘了ajax访问的基本代码与过程,本文让我们体验一下,不使用框架的最简单的进行ajax请求的方法。
习惯了用框架进行ajax访问?可别忘了ajax访问的基本代码与过程,本文让我们体验一下,不使用框架的最简单的进行ajax请求的方法。
var xmlHttpRequest; //XMLHttpRequest对象名 function sendRequest() { //发送http请求 getXMLHttpRequest(); //获得一个XMLHttpRequest对象到xmlHttpRequest xmlHttpRequest.onreadystatechange = stateChange; //http状态变化时执行的操作 xmlHttpRequest.open("GET", "simpleAjax.xml"); //连接 xmlHttpRequest.send(null); //向服务器发送请求(这里内容为空) } function getXMLHttpRequest() { if(window.ActiveXObject) { //IE类 xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) { //Chrome类 xmlHttpRequest = new XMLHttpRequest(); } } function stateChange() { if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) { //请求已完成且状态OK alert(xmlHttpRequest.responseText); //作出的反应 } }
相关文章推荐
- 使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
- 浏览器与服务器的交互原理解析(三)-------使用Ajax进行异步请求
- 表单提交前onclick使用reuturn时,ajax请求同步异步的一点注意事项
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- form内使用ajax异步请求错误
- 使用xmlHttprequest 发送异步请求(Ajax核心对象)
- 使用 JavaScript 和 Ajax 发出异步请求
- SpringMVC框架下,通过jQuery发送ajax异步(asynchronous)请求
- 掌握Ajax 第二部分 使用 JavaScript 和 Ajax 发出异步请求
- 使用ajax异步上传文件数组到后台服务器
- jquery使用ajax异步请求、解析json和each函数
- 使用Ajax异步加载请求JSON数据
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- 以Base64字符串形式上传文件——在web浏览器端使用原生Javascript及Ajax读取本地文件并发送请求到服务器
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
- Vue------第五天(Vue的Ajax请求,使用Axios,目前熟悉了一下,主要包括GET请求、POST请求、并发请求、请求参数的配置、服务器响应的结构以及对服务器响应错误的简单处理)
- shiro安全框架扩展教程--如何扩展异步(ajax)请求认证失败处理
- struts框架下使用ajax,servlet进行异步请求
- 使用JS和Ajax发出异步请求
- 浏览器与服务器的交互原理解析(四)-------使用vue-resource进行异步请求