AJAX请求 $.post方法的使用

使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。

$.post方法语法

$.post(url,parameters,callback)
参数
url	(字符串)服务器端资源地址。
parameter	(对象)需要传递到服务器端的参数。参数形式为“键/值”。
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 idValue = $(this).val();//采用POST方式调用服务$.post('Server.aspx', { id: idValue }, 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拦截请求信息，当下拉框中选择数字时，可以截取到如下请求信息。

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

通过上图我们可以看到在POST Data里面有参数，说明这是一次POST请求。

在服务器端状态有改变，或者是修改更新某些数据时多用POST请求。

Demo下载

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

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

AJAX请求 $.post方法的使用相关推荐

jQuery监控页面所有ajax请求的方法
jQuery实现监控页面所有ajax请求的方法本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望 ...
window.onbeforeunload() 事件调用ajax的解决方法
1 function window.onbeforeunload() { 2 3 var jhid = $("#ctl00_ContentBody_hfGuid").val(); ...
w3c的ajax操作函数,关于ajax的使用方法_例题、ajax的数据处理
AJAX 的关于ajax的使用方法_例题.ajax的数据处理需要注意的是,调用的封装的数据库,和jQuery的保存地址一.注册 (1)写文本框来进行用户名的验证 //这个使用来显示提示信息的 ( ...
jq中法可以发起ajax请求的方法有,jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决 ...
[js] 说说防止重复发送ajax请求的方法有哪些？各自有什么优缺点？
[js] 说说防止重复发送ajax请求的方法有哪些?各自有什么优缺点? // 方法一防抖function debounce(f, ms) { let time; return function(){ ...
AJAX异步--ajax请求
AJAX请求这篇文章是AJAX异步文章的附加二: 这篇文章我们将的是$.ajax请求来实现异步的操作 $.ajax请求有很多,但我们主讲jQuery.ajax(url,[settings]).jQu ...
判断是否为ajax请求
// IsAjaxRequest checks and returns whether current request is an AJAX request. func (r *Request) Is ...
ASP.NET MVC如何使用Ajax的辅助方法
前言:前面我们已经简单的介绍过了MVC如何Jquery,因为我们如果使用Ajax的话必须要了解Jquery,这篇博客我们将大致了解一下ASP.NET MVC如何使用Ajax的辅助方法,此博客是我的读书 ...
jquery ajax缓存问题解决方法小结
jquery ajax缓存问题解决方法小结参考文章: (1)jquery ajax缓存问题解决方法小结 (2)https://www.cnblogs.com/zhuyeshen/p/11599254 ...
jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...

AJAX请求 $.post方法的使用

AJAX请求 $.post方法的使用相关推荐

最新文章

热门文章