(function(){
//面向外界的唯一变量接口!
var myajax = window.myajax = {};
//作者、版本号等等信息
myajax.author = "考拉";
myajax.version = "1.0.0";
//这个对象有两个属性,get、post属性,都是函数
myajax.get = function(URL,queryJSON,callback){
//创建xhr对象,解决兼容问题
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest();
}else{
var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//结果返回之后做的事情
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
callback(null,xhr.responseText);
}else{
callback(new Error("没有找到请求的文件"),undefined);
}
}
}
//拼接字符串
var querystring = myajax._queryjson2querystring(queryJSON);
//配置
xhr.open("get" , URL + "?" + querystring , true);
//发送
xhr.send(null);
};
//这个对象有两个属性,get、post属性,都是函数
myajax.post = function(URL,queryJSON,callback){
//创建xhr对象,解决兼容问题
if(window.XMLHttpRequest){
var xhr = new window.XMLHttpRequest();
}else{
var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//结果返回之后做的事情
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
callback(null,xhr.responseText);
}else{
callback(new Error("没有找到请求的文件"),undefined);
}
}
}
//拼接字符串
var querystring = myajax._queryjson2querystring(queryJSON);
//配置
xhr.open("post" , URL , true);
//发送
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(querystring);
};
//内部函数,查询json变为查询字符串
//输入一个{"name":"kaola","age":18,"sex":"男"}
//返回一个name=kaola&age=18&sex=%E8%C6%B6
myajax._queryjson2querystring = function(json){
var arr = []; //结果数组
for(var k in json){
arr.push(k + "=" + encodeURIComponent(json[k]));
}
return arr.join("&");
};
})();
Ajax jquery的库的简化版本
2023-09-14 08:57:37 时间
Ajax jquery的库的简化版本
相关文章
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- 用ajax写注册页面_jquery的ajax请求写法
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jquery换一批的写法详解编程语言
- jQuery before()和insertBefore()方法
- Ajax无缝接入MySQL数据库(ajax请求mysql)
- JQuery初体验(建议学习jquery)
- jQuery相关控件的事件操作分解
- jquery框架使用教程AJAX篇
- jquery表单取值常用代码
- Jquery实战_读书笔记1—选择jQuery
- jquery取字符串中数字的正则
- asp.net下使用jquery的ajax+WebService+json实现无刷新取后台值的实现代码
- jQuery.ajax用户登录验证代码
- 为jQuery增加join方法的实现代码
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- 通过jquery的$.getJSON做一个跨域ajax请求试验
- 基于jquery的多功能软键盘插件
- ajax页面无刷新IE下遭遇Ajax缓存导致数据不更新的问题
- Jquery中使用setInterval和setTimeout的方法
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- jQuery实现可拖动的浮动层完整代码
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- jquery之超简单的div显示和隐藏特效demo(分享)
- 通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
- Jquery右下角抖动、浮动实例代码(兼容ie6、FF)
- Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
- JQuery与JS里submit()的区别示例介绍
- Jquery版本导致Ajax不执行success回调函数
- jQuery写的简单打字游戏可以提示正确和错误的次数
- 浅析JQuery中的html(),text(),val()区别