JavaScript Ajax实现异步通信

前端之家收集整理的这篇文章主要介绍了JavaScript Ajax实现异步通信前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript Ajax实现异步通信

一、浏览器与服务器的同步和异步通信

1.同步:是阻塞的,浏览器在向服务器发送请求之后一直等待服务器的响应,而没有做其他事情。 2.异步:非阻塞的,浏览器向服务器发送请求之后,继续执行其他代码,知道服务器响应,浏览器中断当前的任务,处理服务器响应。

二、没有Ajax之前浏览器是通过iframe来实现异步刷新

1.iframe标签:iframe标签通过src连接到一个页面,其实就是将需要实现异步刷新的内容使用 iframe标签包裹,

A.对iframe实现整个页面刷新,其实是通过刷新一个页面的子页面来实现异步刷新;

a.主页面代码

通过实现子页面刷新来实现异步刷新

b.PHP页面代码

PHP;">

B.通过在刷新子页面的同时在子页面做一些操作来访问父页面元素并且修改该元素的内容

a.主页面代码

PHP/data.PHP" method="post" target="targetIframe">