原生AJAX调用四步曲:仅供初学者参考

原创 2013年12月05日 14:07:38

这里只写出chrome的例程,因为调用原理是一样的。

  • 建立ajax对象

首先要考虑的就是浏览器兼容的问题:IE与其他非IE系的浏览器的不同,造成需要创建的对象的不同。
        var obj = new XMLHttpRequest();


  • 定义ajax处理函数
obj.onreadystatechange = function(){

			if( obj.readyState == 4 && obj.status == 200 ){//obj.readyState:s要大写
				//do some thing
			}
		}

readyState 为0-4 五种,4为(完成)响应内容解析完成,可以在客户端调用了

  • 调用open方法
obj.open('POST',url,true);
三个参数分别为:参数传递方式(跟表单传输一样),url(控制器地址,即处理ajax请求的脚本地址),true为异步,false为同步。
  • 发送请求
//POST传输时必须的定义传输的文件HTTP头信息,GET则不需要此行代码
	obj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//此行必须有
	//GET方式 为 obj.send('');或者 obj.send(null);
	obj.send( "name=" + poststr );

最全原生AJAX请求步骤

以下代码为最全原生AJAX请求,包括了设置和获取请求头。 btn.onclick=function(){     var xhr=new XMLHttpRequest();        //创建x...

原生Ajax那些事儿

不得不说的一点是,我们如果要定期的获取服务器端的数据,那么必须使用一个定时器,每隔一定时间发送一个请求过去。这是ajax的弊端就显露出来了。每次发送请求- ->接受数据- - >再次发送请求...如此...

Ajax的使用四大步骤详解

什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。 如何使用ajax? 第一步,创建xmlhttprequest...

描述使用AJAX提交请求,处理响应的基本步骤。

Ajax原理及应用三(发送请求和处理响应的一般步骤) 一、创建了XMLHttpRequest对象后,便可以通过其属性和方法发送和处理HTTP请求,发送请求和处理响应的一般步骤如下: 1...

加载Ajax内部的使用方式,重要四部曲!

此为判断用户名是否存在的ajax实现简单用例,重要掌握ajax重要的四部,用//1.//2.//3.//4. 标注的部分    var xmlhttp; // 定义浏览器对象变量   var...

AJAX使用四步曲

前言     AJAX这个东西还是很模糊的,下面会对AJAX这个技术进行详细讲解一些,另外,在网上商城中应用到了,使用它有四个步骤,下面详细介绍一些。 内容 定义:     AJA...

ajax异步请求四个步骤

ajax发送异步请求(四步操作) 1. 第一步(得到XMLHttpRequest)   * ajax其实只需要学习一个对象:XMLHttpRequest,如果掌握了它,就掌握了ajax!!...

AJAX应用的五个步骤

1.建立xmlHttpRequest对象     if(window.XMLHttpRequest){        xmlHttp = new XMLHttpRequest();       ...

原生态Ajax的五个步骤

1、创建XMLHttpRequest对象

jq实现Ajax的过程

jq实现Ajax的过程
  • mr_fzz
  • mr_fzz
  • 2016年11月21日 12:52
  • 852
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:原生AJAX调用四步曲:仅供初学者参考
举报原因:
原因补充:

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