AJAX请求 $.get方法的使用

最新推荐文章于 2022-09-18 10:40:06 发布

weixin_30767921

最新推荐文章于 2022-09-18 10:40:06 发布

阅读量90

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/Johnny_Z/archive/2012/06/17/2552600.html

版权

AJAX请求 $.get方法的使用

使用jQuery的$.get方法可以以GET方式发起AJAX请求。$.get方法是jQuery的实用工具函数。

get方法语法

$.get(url,parameters,callback)
参数
url	(字符串)服务器端资源地址。
parameter	(对象)需要传递到服务器端的参数。其形式为“键/值”。它会查询的字符串追加到url。
callback	(函数)在请求完成时被调用。该函数参数依次为响应体和状态。
返回值	XHR实例

看个简单的例子

客户端代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function () {
　　$('#selectNum').change(function () {
　　　　var num = $(this).val();
　　　　$.get('Server.aspx', { id: num }, function (text,status) { alert(text); });
　　})
})
</script>
</head>
<body>
<select id="selectNum">
　　<option value="0">--select--</option>
　　<option value="1">1</option>
　　<option value="2">2</option>
　　<option value="3">3</option>
</select>
</body>
</html>

服务端主要代码：

protected void Page_Load(object sender, EventArgs e)
{
　　if (!Page.IsPostBack)
　　{
　　　　if (Request["id"] != null && !string.IsNullOrEmpty(Request["id"].ToString()))
　　　　{
　　　　　　Response.Write(GetData(Request["id"].ToString()));
　　　　}
　　}
}

protected string GetData(string id)
{
　　string str = string.Empty;
　　switch (id)
　　{
　　　　case "1":
　　　　　　str += "This is Number 1";
　　　　　　break;
　　　　case "2":
　　　　　　str += "This is Number 2";
　　　　　　break;
　　　　case "3":
　　　　　　str += "This is Number 3";
　　　　　　break;
　　　　default:
　　　　　　str += "Warning Other Number!";
　　　　　　break;
　　}
　　return str;
}

运行程序，结果如图：

用httpwatcher拦截请求信息，当下拉框中选择数字时，可以截取到如下请求信息。

使用$.get方法时的截图：

从图中我们可以看到，参数id被追加到了url地址后面。

$.get方法发起的是GET请求，这种请求大多用于查询某些信息。

Demo下载

posted on 2012-06-17 14:18 Johnny_Z 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/Johnny_Z/archive/2012/06/17/2552600.html

weixin_30767921

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX请求 $.get方法的使用

AJAX请求 $.get方法的使用使用jQuery的$.get方法可以以GET方式发起AJAX请求。$.get方法是jQuery的实用工具函数。get方法语法$.get(url,parameters,callback)参数url(字符串)服务器端资源地址。...
复制链接

扫一扫