详解Ajax

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

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

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

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

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

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

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

时间： 2025-01-02 04:25:30

详解Ajax的相关文章

详解AJAX核心 —— XMLHttpRequest 对象 (下)

继续上一篇的内容上一篇关于XMLHttpRequest 对象发送对服务器的请求只说到了用Get方式,没有说Post方式的.那是因为要说Post方式就需要先说另外一个东西,那就是DOM(Document Object Model)文档对象模型.JavaScript通过DOM读取.改变或者删除 HTML.XHTML 以及 XML中的元素,可以重构整个 HTML 文档.可以添加.移除.改变或重排页面上的项目,而且这样的操作会马上显示在页面上.另外,所有浏览器执行W3C 发布的 DOM 标准规范,DOM

详解AJAX核心 —— XMLHttpRequest 对象 (上)

我要说的内容都是非常基础的内容,高手就免看了,如果看了欢迎给点意见啊.新手或者对低层还不是很了解的人可以看看,帮助理解与记忆. XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlht

【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)

一年前,从不知道Ajax是什么,伴随着不断的积累,到现在经常使用,逐渐有了深入的认识.今天,如果想开发一个更加人性化,友好,无刷新,交互性更强的网页,那您的目标一定是Ajax. 介绍 在详细讨论Ajax是什么之前,先让我们花一分钟了解一下Ajax做什么.如图所示: 如上图展示给我们的就是使用Ajax技术实现的效果.伴随着web应用的越来越强大而出现的是等待,等待服务器响应,等待浏览器刷新,等待请求返回和生成新的页面成为了程序员们的最最头疼的难题.随着Ajax的出现使web应用程序变得更完善,更友

详解Ajax（二）

本节主要讲解Ajax在不同浏览器中是如何实现的. 用Ajax就像打电话一样,我们打电话一共有几个步骤呢?请看下文 1.首先你得有一部手机,X果.X星或者X米 2.然后你需要知道给谁打电话,有一个电话号码 3.如何和对方通话,是对暗号还是大白话说的呢? 4.你要和对方说什么呢? 5.如果没有打通,该怎么办,如果打通了又该怎么办呢? 6.那如何判断是否打通,是否没有打通呢? ok,我们做完这些准备之后,非常重要的一步来了,我们要拨号了 开始上代码了,颤抖吧,骚年们,用代码实现和打电话的步骤稍有不同,

详解Ajax请求（四）——多个异步请求的执行顺序

首先提出一个问题:点击页面上一个按钮发送两个ajax请求,其中一个请求会不会等待另一个请求执行完毕之后再执行? 答案是:不会,这两个异步请求会同时发送,至于执行的快与慢,要看响应的数据量的大小及后台逻辑的复杂程度. 从异步请求的执行原理来看,我们知道当一个异步请求发送时,浏览器不会处于锁死.等待的状态,从一个异步请求发送到获取响应结果的期间,浏览器还可以进行其它的操作.这就意味着多个异步请求的执行时并行的. 下面我们还是从一个例子来看一下这个问题. 要求:ajax1从后台请求下拉列表的数据,aj

转载：Ajax基础详解&&http填坑2

这篇文章是网上看到的一片博文,比较干练的总结了AJAX的基础东西和相关的http的知识,适合AJAX入门. 同步请求和异步请求 先解释一下同步和异步的概念: 同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式. 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式. 同步请求: 客户端请求(等待)->服务端处理->响应->页面载入 (缺少对象:XMLhttpRequest)这时候如果有错误,只能再次发送请求,再次等待 异步请求: 比如当你填

Ajax详解及使用Ajax时的返回值类型有哪些？

Ajax详解 Ajax = 异步 JavaScript 和 XML. Ajax 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 Ajax)如果需要更新内容,必需重载整个网页面. (注:图片来自网络) 如何使用Ajax技术 首先,需要获取XMLHttpRequest对象: var xhr; xhr = new XMLHttpRequest(); XMLH

ajax详解

1.ajax介绍 1.1.什么是ajax 全称:Asynchronous JavaScript And XML(异步 JavaScript 及 XML) Ajax的作用:实现异步请求的技术. 什么是同步请求? 场景:页面上有一个a标签,用户点击a标签,浏览器发出一个请求,然后服务器给出一个响应. (请求,其实是用户的操作,触发的) 什么是异步(不同步)请求? 场景:在用户注册的时候,用户首先输入用户名,接下来用户继续填写其他注册信息,与此同时,浏览器自动发送了一个请求,将用户输入的用户名发送给服

jquery ajax 方法及各参数详解

jquery ajax 方法及各参数详解 1.$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息. 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分