01、声明一个全局变量
02、开始封装，判断参数
03、属性的var自定义
04、请求
01、请求行
02、请求头
03、请求发送
05、响应
01、事件监听onreadystatechange
02、通讯完成
03、响应成功
04、获取响应数据
05、判断支付串中是否包含需要的字符
06、响应成败
时间： 2024-12-28 01:57:05
原生封装ajax
原生封装ajax的相关文章
原生JavaScript 封装ajax
原生JavaScript 封装ajax function myajax(options){ //新建一个局部对象 用来存放用户输入的各种参数 var opt={ type:options.type||"get",//获取用户输入的传输方法,可选,不写为get data:options.data||"",//获取用户输入的数据 dataType:options.dataType||"",//获取用户输入的数据类型比如json 或者xml url
原生JS封装AJAX
今天我们来说说利用原生JS封装AJAX. jquery框架的AJAX方法确实很好用,但有时候我们写的页面需要引入多个JS插件,不一定哪个插件就会和jquery发生冲突,导致jquery用不了了.或者页面比较简单,不需要加重浏览器的负担,这时我们自己封装一个AJAX就是一个很好的办法. //将数据转换成 a=1&b=2格式;function json2url(json){ var arr = []; //加随机数防止缓存; json.t = Math.random(); for(v
原生封装的ajax
原生封装的ajax的代码如下: //将数据转换成 a=1&b=2格式; function json2url(json){ var arr = []; //加随机数防止缓存; json.t = Math.random(); for(var name in json){ arr.push(name+'='+json[name]); } return arr.join('&'); } function ajax(json){ //1.创建一个ajax对象; if(window.XMLHttpRe
原生JS模拟JQuery封装Ajax
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con
原生JS封装ajax方法
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>Examples</title> 10 <script> 11 12 //将对象序列
2、.net NVelocity中原生javascript ajax封装使用
在页面上,我们经常会遇到局部刷新的例子,这个时候,就需要用到ajax, 因为很多代码都是公用的,所以我们想到了,将代码封装,简化了使用,减少了冗余 javascript ajax代码如下: var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //创建XMLHTTP对象,考虑兼容性 xmlhttp.open("POST", "AJ
4、原生javascript封装ajax————呱呱二号
//添加事件处理function addEvent(obj, type, fn) { if (obj.addEventListener) { obj.addEventListener(type, fn, false); } else if (obj.attachEvent) { obj.attachEvent('on' + type, function () { fn.call(obj); }); }}//移除事件处理function removeEvent(obj, type, fn) { i
AJAX-js原生封装
js原生中,ajax交互繁琐复杂,很容易就写错了.因此封装了一个跟jq差不多的函数,从此再也不用担心ajax写错了,简直神清气爽. //封装的方法 function AJAX(obj){ //做网络请求的时候,参数以"对象"的形式传递进来 //规定: obj 里面包含属性: //1.url //2.type -- get 还是 post //3.data -- 前端给后端传递的参数(前端传递的时候,以"对象"的形式) //4.回调函数 -- success //5.
结合prototype和xmlhttprequest封装ajax请求
由于拖延症的严重以及年前准备年会(借口*^__^*) 导致这个小的的思考 现在才算完成 再怎么说也算是上班以来带我的前辈第一次这么正式的给我出题 不管是出于尊重还是自我要求我都决定把它简要的记下来 ...... 1.了解prototype 原型对象的作用,就是定义所有实例对象共享的属性和方法.具体理解见实际操作中 2.给String Date等对象增加继承方法 要求结果:比如var date = "2016-01-01 00:00:00";date.format();要求输出&quo