标签：
<head>
<title>JqueryAJAX</title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<div style="text-align:center">
<h1 style="color:red">千万别忘了引用Jquery!!!</h1>
<a target=blank href="http://wpa.qq.com/msgrd?V =3&uin =1256929630&Site =AJAX&Menu =yes"><img border="0" src="http://wpa.qq.com/pa?p =1:1256929630:11" alt="不懂Q二哥"></a>
<h2>Jquery 下的 AJAX 是 XMLHttpRequest 的升级版。</h2>
<input type="text" placeholder="随便输" id="txtvalue" />
<button type="button" id="btnhy">请求回应</button><br />
<div id="myDiv"></div>
</div>
<script type="text/javascript">
//POST方法
$("#btnhy").click(function () {
var tmpvalue = $("#txtvalue").val();
//下面开始AJAX
$.ajax({
//要交互的页面
url: "callbackPOST.php",
//采用POST方法传参
type: "POST",
//发送到服务器的数据 （参数tempValue ,值 tmpvalue）
data: {
tempValue: tmpvalue
},
//回调函数SUCCESS,当请求之后调用（执行成功后调用），‘result‘自己定义的一个变量用来接收返回值
success: function (result) {
//返回的结果不为空时 赋值
if (result != "") {
$("#myDiv").html(result);
}
},
//回调函数ERROR,在请求出错时调用（执行失败后调用，说明与之交互的页面执行有错误,原因自己找）
error: function () {
alert("啊哦！数据丢失了！！！");
}
})
})
//GET方法
//$("#btnhy").click(function () {
// var tmpvalue = $("#txtvalue").val();
// //下面开始AJAX
// $.ajax({
// //要交互的页面
// url: "callbackGET.php?tempValue="+tmpvalue,
// //采用POST方法传参
// type: "GET",
// //回调函数SUCCESS,当请求之后调用（执行成功后调用），‘result‘自己定义的一个变量用来接收返回值
// success: function (result) {
// //返回的结果不为空时 赋值
// if (result != "") {
// $("#myDiv").html(result);
// }
// },
// //回调函数ERROR,在请求出错时调用（执行失败后调用，说明与之交互的页面执行有错误,原因自己找）
// error: function () {
// alert("啊哦！数据丢失了！！！");
// }
// })
//})
</script>
</body>
</html>
〈！------------------------POST所要调用的页面------------------------->
<%@ WebHandler Language="C#" Class="callbackPOST" %>
using System;
using System.Web;
public class callbackPOST : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string str = context.Request.Form["tempValue"];
context.Response.Write(string.Format("您输入的是：{0}",str));
}
public bool IsReusable {
get {
return false;
}
}
}
<!------------------------GET所要调用的页面-------------------------->
<%@ WebHandler Language="C#" Class="callbackGET" %>
using System;
using System.Web;
public class callbackGET : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string str = context.Request.QueryString["tempValue"];
context.Response.Write(string.Format("您输入的是：{0}", str));
}
public bool IsReusable {
get {
return false;
}
}
}
标签：
原文地址：http://www.cnblogs.com/zhengchengye/p/5513061.html
