js jq封装ajax方法

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+"&pwd="+txtPwd.value:

//调用封装后的异步方法

myAjax("get",url,function(data){

if(data=="OK"){

window.location.href="main.aspx";

}else{

alert(data);

}

});

}

//封装后的方法

function myAjax(httpMethod,url,callback){

var xhr;

if(XMLHttpRequest){

xhr=new XMLHttpRequest();

}else{

xhr=new ActionXObject("Microsoft.XMLHTTP");

}

xhr.open(httpMethod,url,true);

xhr.open();

xhr.onreadstatechange=function(){

if(xhr.readState==4&&xhr.status==200){

callback(xhr.responeText);

}

}

}

jq:

$("btn").click(function(){

var txtName=..;

var txtPwd=..;

$.get("Login.ashx",{name:txtName,pwd:txtPwd},function(data){

if(data=="OK"){

window.location.href="main.aspx";

}else{

alert("用户名密码错误!");

}

})

})

时间: 2024-10-20 08:32:33

js jq封装ajax方法的相关文章

自已封装Ajax方法

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

原生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 //将对象序列

(JS/JQ)与Ajax

JS与Ajax(异步JS和XML): 1.XMLHttpRequest对象的常用方法: open()准备请求   send()传送请求   abort()取消请求 readyState(请求状态码):0(未开始).1(开启).2(已传送).3(接收中).4(已载入) status(HTTP请求状态码):404(找不到文件).200(OK) onreadystatechange:请求状态改变时会被调用函数引用 responseText:服务器返回的纯文本字符串 responseXML:服务器返回的

使用对象封装ajax方法实现可重复调用

在项目中经常用到AJAX调用远程数据,每一次调用,都得写一个ajax方法,这就造成了重复代码过多,可读性也不够强,所以,我一般都是封装起来,需要的时候调用. var imgUpload = { //ajax请求数据 method:function(murl,mdata,method,success){ $.ajax({ type: method, url: murl, dataType : "jsonp", data: mdata, timeout: 20000, error: fun

jq的ajax方法

相较与js异步对象的繁琐,jq的ajax对象结构更加清晰 一:ajax对象简述 ajax(Asynchronous JavaScript and XML),异步的xml和js对象,主要用于在不刷新全局页面的基础上,更新局部页面,多用于表单提交,搜索更新 在jq中的ajax对象的格式为: $.ajax({ // some code... }) js的ajax对象在此不多赘述 二:各类属性 一个完整的ajax对象起码应该有四个属性:type, url,data,success 1.type 这个是a

仿jq封装ajax

/** * 封装ajax */ function ajax () { var ajaxData = { type: arguments[0].type || 'GET', url: arguments[0].url || '', async: arguments[0].async || 'true', data: arguments[0].data || null, dataType: arguments[0].dataType || 'text', contentType: arguments

原生js封装ajax方法,包含jsonp和网络超时处理

function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || 'json'; options.async = options.async || true; options.timeout=options.timeout||8000;//超时处理,默认8s var p

原生封装一个类似于JQ的ajax方法

function $ajax(json){ //初始化参数 if(!json){ return; } json.type = json.type || 'GET'; json.url = json.url || ""; json.async = json.async || true; json.data = json.data || {}; json.succeed = json.succeed || function(){} if(json.dataType=="jsonp

如果给JQ的ajax方法中的success()传入参数?

当时在使用JQuery提供的Ajax技术的时候,我有个需求,就是要给它请求成功后调用的success()方法传入参数: 所以,我就直接这样子写了: <script> function getTypeList(name){ $.ajax({ url : '<c:url value="admin/type_loadTypeList.action"/>', type : 'get', contentType : "text/html;charset=utf-