jQuery-AJAX get()和post()方法是通过http get 和 http post请求从远程服务器上请求数据的。
两种在客户端和服务端请求-响应的常用方法是get和post
get:从指定的资源请求数据，get是用来从服务器上获取(取回)数据,但要注意获取或取回的可能是缓存数据，因为get方法会缓存数据。
post:向指定的资源提交处理数据,post常用于连同请求一起发送数据,也可以用来获取数据。
jQuery $.get()方法
$.get()方法是用来从服务器上获取(取回)数据的
语法格式：$.get(url,callback)
参数1：url规定希望加载的数据的地址(必需的);
参数2：data规定与请求一同发送的查询字符串键值对的集合(可选的)
参数3：callback规定是get()方法完成后所执行的函数名称(可选的)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="Css/jquery-2.1.4.js"></script>
<script>
$(document).ready(function () {
$("button").click(function () {
$.get("Text/demoAJAX.aspx", function (data, status) {
alert("数据：" + data + "\n状态：" + status);
})
})
})
</script>
</head>
<body>
<button>发一个HTTP GET请求并获取返回的数据</button>
</body>
</html>
demoAJAX.aspx
Response.Expires = -1;//不进行缓存
Response.Write("这是从aspx文件中取回的数据，AJAX是一个非常棒的功能");//向页面输出一条语句
Response.End();//结束执行以下的html代码。
jQuery $.post()方法
$.post()方法是通过HTTP POST向指定的资源提交处理的数据
语法格式
$.post(url,data,callback);
参数1：url规定希望加载的数据的地址(必需的);
参数2：data规定与请求一同发送的查询字符串键值对的集合(可选的)
参数3：callback规定是post()方法完成后所执行的函数名称(可选的)
实例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="Css/jquery-2.1.4.js"></script>
<script>
$(document).ready(function () {
$("button").click(function () {
$.post("postAJAX.aspx", { name: "melao2006", city: "shenzheng" }, function (data, status) {
alert("数据：" + data + "\n状态：" + status);
})
})
})
</script>
</head>
<body>
<button>发送一个HTTP POST请求到aspx页面并请求返回的数据</button>
</body>
</html>
postAJAX.aspx
Response.Clear();
Response.Expires = -1;
string name = Request.Form["name"];
string city = Request.Form["city"];
Response.Write("Hello:" + name + "\ncity:" + city);
Response.End();
1018
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
