.net中Jquery ajax调用aspx和ashx文件
index.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title> ajax</title>
<script src="js/jquery-1.12.1.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<h3>请输入a,b的值:</h3>
<div>
<asp:Button ID="btnAspx" runat="server" Text="调用Aspx" />
<asp:Button ID="btnAshx" runat="server" Text="调用Ashx" />
a: <asp:TextBox ID="num1" runat="server"></asp:TextBox>
b: <asp:TextBox ID="num2" runat="server"></asp:TextBox>
</div>
</form>
<script type="text/javascript">
$("#btnAspx").bind("click", function () {
var num1 = $("#num1").val();
var num2 = $("#num2").val();
$.ajax({
type: "post",
url: "index.aspx/sayHi",
data: "{'num1':'" + num1 + "','num2':'" + num2 + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
alert(data.d);
},
error: function (err) {
alert("failed"); ;
}
});
});
$("#btnAshx").bind("click", function () {
var num1 = $("#num1").val();
var num2 = $("#num2").val();
$.ajax({
type: "post",
url: "Handler1.ashx",
data: {"num1":num1, "num2":num2},
success: function (data) {
alert(data);
},
error: function (err) {
alert("failed"); ;
}
});
});
</script>
</body>
</html>
index.aspx.cs
[WebMethod]
public static string sayHi(string num1, string num2)
{
var num = num1 + num2;
return num;
}
Handler1.ashx.cs
public class Handler1 : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string num1 = HttpContext.Current.Request.Form["num1"];
string num2 = HttpContext.Current.Request.Form["num2"];
context.Response.Write(num1+num2);
}
}