文档章节

Ajax原理

鲁雯雪
 鲁雯雪
发布于 2013/09/14 03:23
字数 349
阅读 84
收藏 1

【理论级】1.Ajax原理通过4个步骤来完成:

a.创建一个xmlHttpRequest对象。(对象创建完毕后,我们需要判断浏览器的兼容问题(主要考虑是IE还是DOM对象))

b.服务器在发送消息时会触发一个事件,需要调用一个onreadStateChange方法.(服务器在响应一个消息的时候必须满足readyState是完成的状态并且状态行的状态码也必须是成功的,因为这样才能去获取到数据)。

c.用open()方法打开连接,open()在传参数时需要根据情况考虑该用“post”提交还是“get”提交。如果是post提交就需要设置请求头的方法。

d.用send()方法来发送请求。

【代码级】1.Ajax原理通过4个步骤来完成:

<script type="text/javascript">

    function validateUser(){

     var username=document.getElementById("username").value;

      var xmlHttpRequest;

        if(window.ActiveXObject){

               xmlHttp=new  ActiveXOBject("Microsoft.xmlHttp");

         }else if(window.xmlHttpRequest){

             xmlHttp=new xmlHttpRequest();

          }

     xmlHttp.onreadStateChange = function(){

       if(xmlHttp.readystate == 4 && xmlHttp.Statues == 200){

          var text = xmlHttp.responseText;

           var label = document.getElementById("usernamelabel");

             label.innerHtml=Text;

        }

     }

     xmlHttp.open("post","ValidateUserServlet",true);

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

     xmlHttp.send("username="+username);

    }

</script>

为什么要用Ajax呢?

当我们在浏览器上浏览网页时,我们不需要使用动态的网页模式来刷新页面,针对这一现象就有了Ajax技术的应用。所谓的Ajax就是指在刷新页面时,不改变当前页面的模式,也叫异步通讯。

© 著作权归作者所有

上一篇: java web 基础
下一篇: JAVA WEB开发模式
鲁雯雪
粉丝 98
博文 34
码字总数 24669
作品 0
黄浦
项目经理
私信 提问
AJAX工作原理及其优缺点

一、AJAX 定义 AJAX(Asynchronous JavaScript and XML)其实是多种技术的综合,包括 Javascript、XHTML 和 CSS、DOM、XML 和 XSTL、XMLHttpRequest。其中:使用 XHTML 和 CSS 标准化呈现,使...

zqwang121
2016/04/14
177
0
Ajax原理介绍及跨域解决方案

1.Ajax原理介绍 Ajax 全名叫"Asynchronous Javascript And XML" (异步的Javascript and XML),是一种创建交互式网页应用的网页开发技术 与传统的web应用比较,ajax 应用可以仅向服务器发送并...

陈小扁
2016/03/17
65
2
ajax与jsonp跨域的本质原理

ajax的基本概念 了解这个概念,首先得先知道同步交互与异步交互 同步交互:客户端浏览器给服务器发送一个请求,服务器返回一个页面,返回的页面会把之前的页面覆盖掉,我们把这种交互方式称为...

云焱
2017/11/11
0
0
Ajax & PHP 边学边练 之一 Ajax基础

Ajax其实已经使用很久了,但一直也没有时间正经的找本书系统看看,最近时间比较充裕可以好好补习一下了。本系列是基于Ajax和PHP结合进行讲解,主要是想和正在学习或想要学习Ajax的朋友分享下...

junwong
2012/03/09
388
1
js原生Ajax 的封装和原理之浅析

原理及概念 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种用于创建快速动态网页的技术。 动态网页:是指可以通过服务器语言结合数据库随时修改数据的网页。 静...

sinat_34719507
2017/03/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

HTTP协议无状态,到底要怎么理解?

一,故事 一天,你有个需求,你要去超市买一瓶酱油。 到了超市买了酱油,你告诉售货员,下次给我准备下面粉,我下次来拿。 第二次,你去超市拿面粉,售货员说他不记得你什么时候说要准备面粉...

一代码农码一代
21分钟前
1
0
elk 邮件预警

{ "trigger": { "schedule": { "cron": "0/15 1 * * * ?" } }, "input": { "search": { "request": { "search_type": "query_then_fetch", "indices": [ "heartbeat*" ], "rest_total_hits_a......

internetafei
34分钟前
0
0
从一道面试题谈linux下fork的运行机制

今天一位朋友去一个不错的外企面试linux开发职位,面试官出了一个如下的题目: 给出如下C程序,在linux下使用gcc编译: #include "stdio.h" #include "sys/types.h" #include "unistd.h" in......

linux服务器架构
36分钟前
1
0
AEDPoS合约实现之GetConsensusCommand

正如文章AElf共识合约标准中所述,GetConsensusCommand接口用于获取某个公钥下一次生产区块的时间等信息。 在AEDPoS的实现中,其输入仅为一个公钥(public key),该接口实现方法的调用时间另...

AELF开发者社区
44分钟前
0
0
kotlin中奖概率

fun main() { var wins = 0 var chance = 0.2 var playTime = 10// 1000万次 val n = 10000000 (1..n).forEach { if (play(chance, playTime)) win......

oschina4cyy
46分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部