纯js的ajax总结

原创 2015年07月07日 14:56:54

1.ajax简介

   通过XMLHttpRequset对象与后台进行少量数据交换,进行局部数据更新,不需要整个页面更新。

2.ajax实现步骤

  a.创建XMLHttpRequest对象

     var xhr=null;

     if(window.XMLHttpRequest){/适用于/除IE5,IE6外的所有浏览器

  xhr = new XMLHttpRequest();

     }else{//适用于IE5,IE6浏览器

          xhr = new ActiveXObject();

      }

   b.发送请求(get or post两种请求)

      //xhr.open("post",url,true);

    例如:

     xhr.open("post","user!add",true);//异步动态调用Struts2后台Action方法

     xhr.send();//发送请求

3.get 和post的区别

   1.get发送请求参数会暴漏在地址栏,不安全,发送参数数据量小。

   2.post发送请求地址栏保密,比较安全,能传送较大数据参数。

4.ajax对象的几个重要的属性
1)onreadystatechange:绑订一个事件处理函数,该函数用来处理readystatechange事件。
注:

                当ajax对象的readyState的值发生了改变,比如,从0变成了1,就会产生readystatechange事件。
2)readyState:一共有5个值,分别是0,1,2,3,4,表示ajax对象与服务器通信的状态,比如,当值为4时,表示ajax对象已经获得了服务器返回的所有的数据。
3)responseText:获得服务器返回的文本。
4)responseXML:获得服务器返回的xml文档。
5)status:获得状态码

版权声明:本文为博主原创文章,未经博主允许不得转载。

类似Ajax日期控件,纯js

  • 2014年03月17日 13:24
  • 33KB
  • 下载

ajax跨域和js跨域解决方案总结

ajax跨域和js跨域解决方案总结
  • x_yp
  • x_yp
  • 2011年03月17日 10:58
  • 1568

php+mysql+js+ajax总结笔记(不断更新)

var a=2; document.write(a); var b=2; document.write(++b +2); //加号在前++b的值为3   再加2等于5  //加号在后b...

总结AJAX相关JS代码片段和浏览器模型

在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身...

rails应用ajax之一:使用纯js方法

考虑如下需求: 1. 用户输入一个用户名,当焦点跳出文本框时,检查该用户名是否有效 2. 动态更新检查的结果     我们使用ajax的方式来实现这个简单的功能,首先建立view:check.h...
  • mydo
  • mydo
  • 2015年01月12日 09:56
  • 1660

纯js的ajax和Java后台交互

今天用了纯js代码写ajax和后台交互,写好了最开始没得问题,但是前端接收后台数据的时候遇到问题了。一直获取不到值,原来是我理解错了,获取后台的相关操作必须写到那个状态变化监听器里面。也就是需要写到o...

jQuery+AJAX实现纯js分页功能

使用jQuery的AJAX技术,在bootstrap的框架下搭建的纯js分页 bootstrap作为Twitter推的一款前端框架,效果个人还是觉得很不错的。这次只是拿来作为网页元素的css样式表使用...

一个纯js的ajax

/**  * 得到ajax对象  */ function getajaxHttp() {     var xmlHttp;     try { ...

纯js写的Ajax

js页面封装好的Ajax方法:
  • lisafx
  • lisafx
  • 2014年11月07日 14:01
  • 239
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:纯js的ajax总结
举报原因:
原因补充:

(最多只允许输入30个字)