手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >Ajax中浏览器和服务器交互详解
Ajax中浏览器和服务器交互详解
摘要:在了解Ajax之前我们先了解一下浏览器和服务器之间如何进行交互的1.浏览器向服务器发送请求2.服务器接收到请求信息,根据不同的情况再返回给浏...

在了解Ajax之前我们先了解一下浏览器和服务器之间如何进行交互的

1.浏览器向服务器发送请求

Ajax中浏览器和服务器交互详解1

2.服务器接收到请求信息,根据不同的情况再返回给浏览器不同的信息

Ajax中浏览器和服务器交互详解2

3.浏览器接收到信息,输出到当前页面上

Ajax中浏览器和服务器交互详解3

上面介绍了浏览器和服务器交互的简单示意图,可以看到在最后一步,浏览器接收到信息后将本页面的内容全部进行了更新,但是一般情况下我们只需要将部分内容进行更新,那怎么办呢?于是服务器干脆将这个页面的内容修改后全部发送给浏览器,于是第2步,服务器向浏览器发送的便是"天上星星有几颗?我不知道啊"这么多的内容,浏览器重新更新当前页面后的结果和发送前的结果一比较,只多了"我不知道啊"这些内容

Ajax中浏览器和服务器交互详解4

很明显,"天上星星有几颗?"这些内容是重复的,有没有一个办法能只发送"我不知道啊"吗?于是聪明的程序员就就就就....就将,stop,我们再回头看第三步,浏览器接收到信息之后将当前页面卸载掉并且重写了,so ga,如果把卸载这一步取消掉,把重写的操作改为修改不就ok了吗?于是在浏览器和服务器之间就有了一个劫持者,他将服务器返回的信息劫持,然后取消了浏览器的卸载操作,并且修改了当前页面,这就是Ajax的基本原理。

Ajax中浏览器和服务器交互详解5

未完待续,过几天会更新Ajax的详细用法以及如何兼容不同的浏览器

【Ajax中浏览器和服务器交互详解】相关文章:

Ajax实现页面自动刷新实例解析

Ajax异步传输与PHP实现交互示例

ajax+php 谷歌搜索框自动填充功能 实例代码

Ajax 高级功能之ajax向服务器发送数据

Ajax 无刷新在注册用户名时的应用的代码

Ajax象棋演示和并提供代码下载

ajax实现服务器与浏览器长连接的功能

Ajax异步请求JSon数据(图文详解)

Ajax如何传输Json和xml数据

AJAX对服务器返回XML的处理方法

精品推荐
分类导航