第一百五十八节,封装库--JavaScript,ajax说明
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了第一百五十八节,封装库--JavaScript,ajax说明,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2282字,纯文字阅读大概需要4分钟。
内容图文
封装库--JavaScript,ajax说明
封装库ajax()方法,ajax通讯方法,跨页面向动态页面发送或获取数据
/* * ajax()方法,ajax通讯方法,跨页面向动态页面发送或获取数据 * 参数是一个对象{},如下 * $().ajax({ method:‘post‘, 【method】属性,通讯模式,post为post模式,get为get模式 url:‘hj.php‘, 【url】属性,发送数据或请求数据的url地址 data:{ 【data】属性,是发送内容,是一个对象,里面是键值对形式的发送数据对象 ‘name‘:‘lee‘, ‘age‘:100 }, success:function (text) { 【success】属性,是一个回调函数,函数参数是text,会接收到发送或者获取到的数据 alert(text); }, async:true 【async】属性,请求方式,true异步方式,false同步方式 }); * */ feng_zhuang_ku.prototype.ajax = function (obj) { //创建XHR对象var xhr = (function () { if (typeof XMLHttpRequest != ‘undefined‘) { //判断是否可以直接创建XHR对象,w3creturnnew XMLHttpRequest(); //如果可以就直接创建XHR对象 } elseif (typeof ActiveXObject != ‘undefined‘) { //判断IE低版本的3种模式是否支持var version = [ ‘MSXML2.XMLHttp.6.0‘, ‘MSXML2.XMLHttp.3.0‘, ‘MSXML2.XMLHttp‘ ]; for (var i = 0; version.length; i++) { try { returnnew ActiveXObject(version[i]); } catch (e) { //跳过 } } } else { thrownew Error(‘您的系统或浏览器不支持XHR对象!‘); //如果都不支持报错 } })(); //自我执行闭包里的函数,创建XHR对象//接收对象url地址 obj.url = obj.url + ‘?rand=‘ + Math.random(); //组合对象传进来的通讯url地址//接收对象传来的内容,进行名值对编码 obj.data = (function (data) { var arr = []; for (var i in data) { arr.push(encodeURIComponent(i) + ‘=‘ + encodeURIComponent(data[i])); } return arr.join(‘&‘); //将数组格式化分隔符后返回 })(obj.data); //自我执行闭包里的函数//判断请求方式来if (obj.method === ‘get‘) obj.url += obj.url.indexOf(‘?‘) == -1 ? ‘?‘ + obj.data : ‘&‘ + obj.data; //判断发送模式如果是异步if (obj.async === true) { //添加一个加载事件 xhr.onreadystatechange = function () { //判断已经接受到全部响应数据,而且可以使用if (xhr.readyState == 4) { callback(); } }; } xhr.open(obj.method, obj.url, obj.async); if (obj.method === ‘post‘) { xhr.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘); xhr.send(obj.data); } else { xhr.send(null); } if (obj.async === false) { callback(); } function callback() { if (xhr.status == 200) { obj.success(xhr.responseText); //回调传递参数 } else { alert(‘获取数据错误!错误代号:‘ + xhr.status + ‘,错误信息:‘ + xhr.statusText); } } returnthis; };
前台js
// 调用ajax $(document).on_click(function () { $().ajax({ method:‘post‘, url:‘hj.php‘, data:{ ‘name‘:‘lee‘, ‘age‘:100 }, success:function (text) { alert(text); }, async:true }); });
通讯数据url地址hj.php
<?php echo ‘www.jxiou.com‘; print_r($_POST); ?>
最终回调显示
原文:http://www.cnblogs.com/adc8868/p/6492845.html
内容总结
以上是互联网集市为您收集整理的第一百五十八节,封装库--JavaScript,ajax说明全部内容,希望文章能够帮你解决第一百五十八节,封装库--JavaScript,ajax说明所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。