原生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 );

原生js实现Ajax实例讲解

Ajax简介ajax = 异步 JavaScript 和 XML。 ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。我们知道,传统的网页(不使用ajax)如果需要更新内容,必须...
  • sinat_29412671
  • sinat_29412671
  • 2017年07月15日 10:57
  • 1408

最全原生AJAX请求步骤

以下代码为最全原生AJAX请求,包括了设置和获取请求头。 btn.onclick=function(){     var xhr=new XMLHttpRequest();        //创建x...
  • FarmerXiaoYi
  • FarmerXiaoYi
  • 2017年07月09日 02:56
  • 3367

AJAX使用四步曲

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

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

此为判断用户名是否存在的ajax实现简单用例,重要掌握ajax重要的四部,用//1.//2.//3.//4. 标注的部分    var xmlhttp; // 定义浏览器对象变量   var...
  • houzhaoling
  • houzhaoling
  • 2014年09月27日 21:24
  • 525

ajax使用回调函数的例子(原生代码和jquery代码)

via: http://hi.baidu.com/7636553/item/bbcf5fc93c8c950aac092f22   ajax使用回调函数的例子(原生代码和jquery代码) ...
  • mikyz
  • mikyz
  • 2017年04月06日 17:58
  • 1856

ajax四步

/** * ajax分为四步是用 **/ /* * 第一步:得到XMLHttpRequest * 如果存在IE的...
  • wwxn_y
  • wwxn_y
  • 2016年11月12日 08:57
  • 82

Ajax的使用四大步骤详解

什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。 如何使用ajax? 第一步,创建xmlhttprequest...
  • xxf159797
  • xxf159797
  • 2016年12月22日 19:13
  • 3535

原生Ajax那些事儿

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

使用原生JS的AJAX读取json全过程

首先ajax(async JavaScript and xml)是用于前端与后端文件比如xml或者json之间的交互。他是一种异步加载技术,意味着你点击某个加载事件是再也不用刷新整个页面,而是发送...
  • qianqianstd
  • qianqianstd
  • 2017年06月18日 20:17
  • 4168

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

这里只写出chrome的例程,因为调用原理是一样的。 建立ajax对象 首先要考虑的就是浏览器兼容的问题:IE与其他非IE系的浏览器的不同,造成需要创建的对象的不同。 ...
  • PlayYoung
  • PlayYoung
  • 2013年12月05日 14:07
  • 1814
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:原生AJAX调用四步曲:仅供初学者参考
举报原因:
原因补充:

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