ajax_异步交互-get/post方式

Ajax的异步交互:

　　客户端向服务器端发送请求，直到服务器端进行响应，这个过程中，用户可以做任何其他事情(不等).

实现Ajax的异步交互步骤(举例说明):

　　get方式:

　　1.创建XMLHttpRequest核心对象

　　var xhr=getXhr();

　　2. 与服务器端建立连接

　　xhr.open("get","01.php?user=zhangwuji");

　　3. 客户端向服务器端发送请求

　　//send()方法不起作用,但是不能被省略

　　xhr.send(null);

　　4. 客户端接收服务器端的响应
　xhr.onreadystatechange = function()

　　{ 　　　

　　　　if(xhr.readyState == 4 && xhr.status == 200)

　　　　{ 　　　　

　　　　　　var data = xhr.responseText; 　　　　

　　　　　　console.log(data); 　　　

　　　　}
　}

　 post方式

　 1.创建XMLHttpRequest核心对象

　　2. 与服务器端建立连接

　　xhr.open("post","01.php");

　　3. 客户端向服务器端发送请求

　　//send()方法起作用
//在send()方法被调用前,使用setRequestHeader()方法设置请求头信息

　 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

　xhr.send("user=zhangwuji");

　　4. 客户端接收服务器端的响应

　　xhr.onreadystatechange = function()

　　{ 　　　

　　　　if(xhr.readyState == 4 && xhr.status == 200)

　　　　{
    　　　　var data = xhr.responseText;
    　　　　console.log(data);
   　　　}

　　 }

转载于:https://www.cnblogs.com/yulingjia/p/4992787.html

ajax_异步交互-get/post方式相关推荐

阿里妈妈应用系统大规模异步交互治理方案
阿里妈妈广告应用团队在平台化支撑业务发展的思路下,启动了对应用系统架构.研发模式.组织阵型各个维度的改革和升级,以期通过打造全新的"广告业务平台"来提升应用系统的工程建设能力.沉淀 ...
struts2实现XML异步交互
异步交互,在不用重新提交整个页面的情况下可以实现页面局部信息与服务器的交互.在编写异步交互时需要用到一个架包:dom4j,下载地址为:https://dom4j.github.io/ 下面通过例子说明 ...
tornado异步非阻塞实现方式
目录 tornado异步非阻塞实现方式 1.多线程 2.老版协程 3.新版协程实验 1.完全阻塞,同步代码 2.老版本协程 3新版本协程 4 多线程+新版协程,线程函数失效 5.线程+不声明异步,可 ...
使用原生Ajax技术实现异步交互
实现原理使用原生原生Ajax技术实现异步交互,就是使用Ajax的原生异步对象XMLHttpRequest,来进行创建对象.绑定事件.初始化数据.发送数据的操作过程. 实现步骤第一步,利用XMLHt ...
Ajax异步交互与跨域访问（三）JQuery中的Ajax
jQuery中的Ajax 一.jQuery提供的六个Ajax操作方法 1.load()方法 $element.load(url,[data],[callback]) 参数: url:异步请求的HTML ...
网页同步交互和异步交互的区别？
同步:发一个请求,就要等待服务器的响应结束,然后才能发第二请求!中间这段时间就是一个字"卡":刷新的刷新的是整个页面. 异步:发一个请求后,无需等待服务器的响应,然后就可以发第二 ...
ASP.NET2.0中用ICallbackEventHandler实现客户端与服务器端异步交互
页面代码: <script type="text/javascript"> function ReceiveServerData(rValue) ...
实现Ajax异步交互
实现Ajax的执行步骤 1.创建Ajax的核心对象XMLHttpRequest对象 function createXMLHttpRequest(){//创建Ajax的核心对象XMLHttpReques ...
Ajax同步交互与异步交互
Ajax同步交互与异步交互同步交互是什么所谓同步交互,就是指发送一个请求,需要等待返回,然后才能够发送下一个请求.同步交互相当于排队,轮到下一个的情况会因为前一个而有所不同. 说明:同步交互就是第 ...

ajax_异步交互-get/post方式

ajax_异步交互-get/post方式相关推荐

最新文章

热门文章