兼容IE AJAX封装全步骤

Ajax封装六步骤

1.有浏览器支持没有浏览器请求发送不出去
2.创建Ajax对象
3.Ajax.open(method,url,true0); 设置请求
4.ajax.send(); 发送数据
5.onreadystatechage 监听数据返回事件
6.status 数据状态

详情看代码`

function ajaxFun(method,url,data,callback,flag){   //传请求方式  url  数据  回调函数  同步false/异步truevar xhr = null;if(window.XMLHttpRequest){   xhr = new.XMLHttpRequest();   //创建Ajax对象}else{xhr = new.ActiveXObject('Microsoft.XMLHttp'); //兼容ie}if(method = 'GET'){              //兼容‘GET’  和‘post’xhr.open(method,url + '?' + data,flag) ; // （ 数据传输方式  ，url地址 ，异步true/同步false)  GET请求参数拼接在url后面xhr.send();      //把数据发送}else if(method = 'POST'){xhr.oprn(method,url,flag);xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');  //设置请求头  post请求 form格式xhr.send(data);                   // 发送请求 如果是post请求里面填数据‘name=ws&age=18’}xhr.onreadystatechange = function(){   //监听数据返会状态触发器if(xhr.readyState == 4){           //对象状态  0 = 未初始化，未调用send（）  1 = 读取中，以调用send（）正在发送数据  2 = 已读取 send（）执行完成  3 = 交互中，正在解析  4 = 响应内容解析完成if(xhr.status == 200){         //服务器返回的状态码   404文件未找到  200成功   500服务器内部错误  304 资源未被修改// var data = Json.prase(xhr.responseText)           //响应数据字符串形式   服务器返回的状态文本信息showList(xhr.responseText);    //用showList  来执行拿到的数据}}}function showList(data){        //回调函数 把拿到的数据创建出来var value = JSON.parse(data)    //转换成json格式var str = '';value.forEach(function(ele,index){  //遍历数据str += '<li>' + ele.title + '-' + ele.data + '</li>';  //把数据连接创建})ul.innerHTML = str;   //把创建好的数据放进ul};};

兼容IE AJAX封装全步骤相关推荐

jQuery Ajax 实例全解析(转)
jQuery Ajax 实例全解析 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我 ...
java原生封装_[Java教程]原生AJAX封装
[Java教程]原生AJAX封装 0 2016-07-12 13:00:08 回归下原生js,网上看到的AJAX封装,遂拿来改改,不知还有何弊端,望指出!1 var ajaxHelper = { 2 ...
Ajax工作原理和原生JS的ajax封装
前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的.甚至可以说,是ajax带来了前端这个行业.当然,历史并不能说明当下,曾经的辉煌 ...
jQuery Ajax 实例全解析（转载）
jQuery Ajax 实例全解析 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我 ...
封装原声ajax,原生AJAX封装的简单实现
回归下原生js,网上看到的AJAX封装,遂拿来改改,不知还有何弊端,望指出! var ajaxHelper = { /*1.0 浏览器兼容的方式创建异步对象*/ makeXHR: function ( ...
WINXP终极瘦身、优化、封装全攻略万能WinXP Ghost镜像制作指南
WINXP终极瘦身.优化.封装全攻略万能WinXP Ghost镜像制作指南重装系统可不是一件好玩的事情:首先得端坐在电脑桌前老老实实地回答windows安装程序提出的问题,安装好了呢,也不能闲着, ...
ajax路由器,注册ajax用户的步骤 _ 路由器设置|192.168.1.1|无线路由器设置|192.168.0.1 - 路饭网...
注册ajax用户的步骤在网站设计中,ajax技术的使用已经很普遍了,尤其在交互式的网站中,ajax技术更不可缺少了,几乎在所有的交互式网站应用中,都会看到ajax的技术,大型网站诸如会员的注册,小型 ...
实现AJAX的基本步骤
实现AJAX的基本步骤要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指 ...
php中函数封装怎么弄,php封装函数步骤
php封装函数步骤下面定义一个方法,这个方法很简单,就是处理2个数的相加问题function add($number1, $number2) { $sum = $number1 $number2; ...

兼容IE AJAX封装全步骤

Ajax封装六步骤

兼容IE AJAX封装全步骤相关推荐

最新文章

热门文章

兼容IE AJAX封装 全步骤

Ajax封装六步骤

兼容IE AJAX封装 全步骤相关推荐

最新文章

热门文章

兼容IE AJAX封装全步骤

兼容IE AJAX封装全步骤相关推荐