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 发送请…

json文本格式 { "userInfo":[ {name:"admin",password:"123"}, {name:"admin1",password:"123"} ] } js: window.onload=function(){ var txtName=..; var txtPwd=..; var url="Login.aspx?name="+txtName.value+&qu…

function ajaxRequest(type, url, data, callback, loading, cache) { var ajaxConfig = { url: '', data: {}, callback: null, loading: true, cache: true, async: true }; // 判断每一个参数url的类型 // 如果是对象则是请求参数对象 // 如果是字符串则是请求URL,参数和回调要继续检测后面的参数 if (typeof url === '…

function createXHR() { var request; if (typeof (XMLHttpRequest) == 'undefined') { request = new ActiveXObject('Microsoft.XMLHTTP'); } else { request = new XMLHttpRequest(); } return request; } var xhr = createXHR(); function ajax(method, url, isAsync…

打算自己封装一个ajax方法,再不用jq库的情况下,直接引用: ajax作用:数据交互,在不刷新页面的情况下,发送请求,获取数据: 首页第一步常见一个ajax对象:XMLHttpRequest,之后会用这个对象的属性和方法完成一个数据交互的过程: 1.open方法: 参数:打开方式(post和get).地址.是否异步(异步:非阻塞,前面的代码不会影响后面代码的执行:同步:阻塞,前面的代码会影响后面代码的执行) 2.send方法 发送请求 3.onReadyStateChange事件:当状态值re…

//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);…

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

//封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataType:"json"/"jsonp", // url:"地址", // data:{key:value} // success:function(){ // } // } //还需要一个跨域方法,可以访问远程服务器的数据 function myAja…

常用的ajax请求方法封装 /** * ajax请求的封装代码 */ function ajaxPost(url, params, cb) { $.ajax({ type : 'post', url : url, data : params, cache : false, success : function(data) { cb(data); }, error : function(err) { alert("服务器异常"); } }); } function ajaxGet(url…

1.$.post方法 $.post(url[,data][,callback][,type]) url:请求的后台程序地址 data:发送到后台的数据 callback:载入成功时回调函数,该函数参数是从后台程序接收的结果 type:返回数据的类型 示例: $.post(  'getContent.php', {id:101}, function(msg){alert (msg)},  'json'  ) 2.$.get方法 $.get(url[,data][,callback][,type])…