说明(2017-11-5 15:49:29):
1. jQuery里封装了三个方法,$.get,$.post和$.ajax,其中$.ajax是返回原生的XMLHttpRequest对象,一般只用前两个。
2. $.get里面的回调函数有参数,第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。data存放的是请求压面里的context.Response.Write(userName + ":" + passWord)里的内容!!!
3. 麻蛋注释里都有我为毛还要再复制一遍!
Ajax_Get.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ajax_Get.aspx.cs" Inherits="_06_Ajax.ajax" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<input type="button" name="name" value="显示用户" id="btnShow" />
</form>
</body>
<script src="jquery1.11.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnShow").click(function () {
//$.get,$.post和$.ajax,其中$.ajax是返回原生的XMLHttpRequest对象,一般只用前两个
//注意,$.get里面的回调函数有参数,第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。data存放的是请求压面里的context.Response.Write(userName + ":" + passWord)里的内容!!!
$.get("Ajax.ashx", { "userName": "wangwu", "passWord": "" }, function (data, status) {
data = data.split(':');
alert("用户名是:" + data[] + " 密码是:" + data[] + " 状态为:" + status);
});
})
});
</script>
</html>
Ajax.ashx:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web; namespace _06_Ajax
{
/// <summary>
/// ajax1 的摘要说明
/// </summary>
public class ajax1 : IHttpHandler
{ public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
//string method = context.Request.HttpMethod();判断请求方式,get还是post
//get和post都发送到这个ashx页面,反正都是接受用户名和密码
string userName = context.Request["userName"];
string passWord = context.Request["passWord"];
//注意这里有个冒号,jQuery里才能用冒号把参数data分成两部分用户名和密码
context.Response.Write(userName + ":" + passWord);
} public bool IsReusable
{
get
{
return false;
}
}
}
}