Jauery 中Ajax的几种异步请求

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

以下介绍Jquery中 Post Get Ajax几种异步请求的使用方法

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Jquery异步请求.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="jquery-2.0.3.js" type="text/javascript"></script>
<title></title>
<script type="text/javascript">
$(function () {
// $.post("Student.ashx", "", function () { },"json"); $("#btn").click(function () {
var id = $("#stuID").val(); //data: 返回的数据：XML/JSON/HTML等
//textStatus: 请求状态：success/error/notmodified/timeout 4种 //$.get("GetStudent.ashx", {"id":id}, function (data, textStatus) {
// $.each(data, function (i,value) {
// alert(value["Name"]);
// }); //},"json"); // $.post("GetStudent.ashx", {"id": id}, function (data, textStatus) {
// $.each(data, function (i,item) {
// alert(item.Name);
// });
// },"json");
//}) //alert(responseText);//请求返回的内容
//alert(textStatus);//请求状态：success，error
//alert(XMLHttpRequest);//XMLHttpRequest对象
//全局事件是每次的Ajax请求都会触发的，
$.ajax({
url: "GetStudent.ashx", //发送请求的地址
type: "Get", //请求方式GET/POST，默认GET
dataType: "json", //预期服务器返回的数据类型
global: true, //是否触发全局Ajax事件，默认为true（触发）
data: { "id": id }, //向服务器发送的数据
beforeSend: function (XMLHttpRequest) {
//alert("正在加载中");
$("#div1").show(); }, ///发送请求前调用，可以放一些"正在加载"之类额话
complete: function (XMLHttpRequest, textStatus) { }, //请求完成时（成功或失败）
success: function (data, textStatus) //请求成功后的回调函数
{
$("#div1").hide();
$.each(data, function (i, item) //i： data中对象成员或数组的索引值
//item： data对应的变量或内容
{
alert(item.Name); }); },
error: function (XMLHttpRequest, txtStatus, ErroeThrown) { } //失败后回调
}); //fn指回调函数(callback)
ajaxStart(fn)
ajaxStop(fn)
ajaxComplete(fn)
ajaxError(fn)
ajaxSend(fn)
ajaxSuccess(fn)
//如果想某个Ajax请求不受全局方式影响
$.ajax({
global: false
}) })})
</script> <style type="text/css">
.login{width:200px;border:0px solid #ccc;display:none;position:absolute;top:200px;left:500px;z-index:200}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="div1" class="login">
<img src="1.gif" />
</div>
<input type="text" id="stuID" /><br />
<input type="button" value="点击按钮" id="btn" />
</form>
</body>
</html>