【js笔记---封装自己的Ajax方法】的更多相关文章

js笔记---封装自己的Ajax方法

//地址 成功方法 失败方法function Ajax(url, funsucc, funfial) { var oAjax = null; if (window.XMLHttpRequest) { oAjax = new XMLHttpRequest(); } else { oAjax = ActiveXObject('Microsoft.XMLHTTP'); } oAjax.open('get', url, true); oAjax.send(); oAjax.onreadystatecha…

在JS事件封装时，addEventListener()方法的this问题

最近在写js的类库,模仿的是jquery的编程风格,当封装到事件监听的时候发现遇到了一个问题,代码是这样的: 上面是封装的一个事件委托的代码,我以为上面的封装跟普通的事件监听一样简单,结果我在调用时发现报错: 为什么会报这样的错,原来是不同于单一的onclick之类的事件,这边的this指向的是调用addEventListenner的的对象; 为了简化问题,我们将其拿到全局范围中单独去测试: 发现这里的this指向的就是div标签,这就是为什么在原型中调用$(this)会出错 因为是执行的上下文…

js笔记---封装一般运动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

js进阶 14-6 $.ajax()方法如何使用

js进阶 14-6 $.ajax()方法如何使用 一.总结 一句话总结:$.ajax([settings])settings可选.用于配置Ajax请求的键值对集合. 1.$.ajax()的特点是什么(和$.get().$.post()的区别是什么)? $.get,$.post为$.ajax()的封装 2.$.ajax()方法的参数是什么形式? 键值对 语法:$.ajax([settings])settings可选.用于配置Ajax请求的键值对集合. 参数 第一个参数是我们希望请求的URL; 第二…

js笔记-0

#js笔记-0 数组: indexOf方法: Array也可以通过indexOf()来搜索一个指定的元素的位置: var arr = [10, 20, '30', 'xyz']; arr.indexOf(10); // 元素10的索引为0 arr.indexOf(20); // 元素20的索引为1 arr.indexOf(30); // 元素30没有找到,返回-1 arr.indexOf('30'); // 元素'30'的索引为2 slice slice()就是对应String的substrin…

原生JS封装ajax方法

http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就需要用原生JS写一个ajax函数了. /* 封装ajax函数 * @param {string}opt.type http连接的方式,包括POST和GET两种方式 * @param {string}opt.url 发送请…

类似jQuery的原生JS封装的ajax方法

一,前言: 前文,我们介绍了ajax的原理和核心内容,主要讲的是ajax从前端到后端的数据传递的整个过程. Ajax工作原理和原生JS的ajax封装 真正的核心就是这段代码: var xhr = new XMLHTTPRequest(); xhr.open("method", "url", "async"); xhr.send(null); xhr.onreadystatechange = function(){ if(xhr.readystat…

【前端学习笔记04】JavaScript数据通信Ajax方法封装

//Ajax 方法封装 //设置数据格式 function setData(data){ if(!data){ return ''; } else{ var arr = []; for(k in data){ if(!data.hasOwnProperty(k)) continue; if(typeof data[k] == 'function') continue; var value = data[k].toString(); var key = encodeURIComponent(k);…

js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）

js进阶 14-2 如何用ajax验证登陆状态(这里用load方法) 一.总结 一句话总结:$('#test').load('test.php?password=1234560'),这样就get方式提交了密码. 1.load函数的三个参数分别是什么? 都有一个参数是方法完成时的执行函数,第二个参数是传递到后台的数据,第一个参数是url .load()从服务器加载数据,然后把返回到HTML放入匹配元素. 语法:load(url,data,function(response,status,xhr))…

js进阶 14-1 jquery的ajax系列中的load方法的作用是什么

js进阶 14-1 jquery的ajax系列中的load方法的作用是什么 一.总结 一句话总结:jQuery load()方法作用是从服务器加载数据,是一个简单但强大的AJAX方法. 1.load函数的必选参数是什么(根据功能想)? 必选参数就是要加载页面的url,也可以选择加载文件的哪一个部分 下面的代码时直接加载test.html 的 .p2部分 20 $('#test').load('test.html .p2') 2.ajax如何加载别的页面(.html)? 直接用load方法即可 l…