微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js和jQuery中ajax的重要步骤

js中:

function ajax(method,url,callBack,data,flag){

var xhr = null; 

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest;

}else{

xhr = new ActiveXObject(‘Microsoft.XMLHttp‘);

}

method = method.toupperCase();

if(method == "GET"){

xhr.open(method,url+"?"+data,flag);

xhr.send();

}else if(method == "POST"){

xhr.open(method,flag);

xhr.setRequestHeader(‘Content-type‘,‘application/x-www-form-urlencoded‘);

xhr.send(data);

}

xhr.onreadystatechange = function () {

if (xhr.readyState == 4) {

if (xhr.status == 200) {

// xhr.responseText //返回回来的值

callBack(xhr.responseText);

}

}

}

}

 

jQuery中:

get方法

$.ajax({//jq自带方法

type:"get",//请求的类型 get post

url:"ajax01.PHP?username=" + $("#uname").val(),//传输的地址

async:true,//是否异步,认为true异步

success:function(data){//成功后后台返回来的信息

console.log(data)

if(data == 1){

$("#uname-msg").html("该用户名是占用状态").css("color","red");

}else if(data == 0){

$("#uname-msg").html("该用户名是可用状态").css("color","green");

}

},

error:function(xhr){

alert("发送错误" + xhr.status)

}

});

post方法

$.ajax({

type:"post",

url:"ajax02.PHP",

data:{

"stuname" : "tom",

"stuage" : "18"

},

async:true,

success:function(data){

console.log(data)

},

error:function(xhr){

}

});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐