AJAX向服务器发送请求
2021-07-15 20:07
标签:save highlight click activex orm har get 调用 响应状态 原生的: 1.>:GET请求 2.>:POST请求 Jquery下使用Ajax 第一步:导入Jquery文件 AJAX向服务器发送请求 标签:save highlight click activex orm har get 调用 响应状态 原文地址:http://www.cnblogs.com/BOSET/p/7072490.html$(function () {
$("#btnGetDate").click(function () {
//开始通过AJAX向服务器发送请求.
var xhr;
if (XMLHttpRequest) {//表示用户使用的高版本IE,谷歌,狐火等浏览器
xhr = new XMLHttpRequest();
} else {// 低IE
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("get", "GetDate.ashx?name=zhangsan&age=12", true);
xhr.send();//开始发送
//回调函数:当服务器将数据返回给浏览器后,自动调用该方法。
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {//表示服务端已经将数据完整返回,并且浏览器全部接受完毕。
if (xhr.status == 200) {//判断响应状态码是否为200.
alert(xhr.responseText);
}
}
}
});
});
$(function () {
$("#btnPost").click(function () {
var xhr;
if (XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("post", "GetDate.ashx", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("name=zhangsan&pwd=123");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
alert(xhr.responseText);
}
}
}
});
});
$(function () {
$("#btnGet").click(function(){
$.get("GetDate.ashx", { "name": "lisi", "pwd": "123" }, function (serverData) {
var data = strToJson(serverData);
alert(data)
});
});
/----------------------------用这种方式转JSON好像要比$.parseJSON()好------------------------------------/
function strToJson(str) {
var json = (new Function("return" + str))();
return json;
}
$("#btnPost").click(function () {
$.post("ShowDate.aspx", { "name": "lisi", "pwd": "123" }, function (serverData) {
var data = $.parseJSON(serverData);
alert(data)
})
});
$("#btnAjax").click(function () {
$.ajax({
type: "POST",
url: "GetDate.ashx",
data: "name=John&location=Boston",
dataType:"json",
success: function (msg) {
alert("Data Saved: " + msg);
}
});
});
});