页面导航：
→ 正文内容 asp.net+ajax的Post请求
asp.net+ajax的Post请求实例
这篇文章主要介绍了asp.net+ajax的Post请求实现方法,实例分析了Ajax的发送post数据的原理与技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了asp.net+ajax的Post请求的实现方法。分享给大家供大家参考。具体如下：
代码如下://一个ajax的Post请求&&
&&& function submitInfo() {&
&&&&&&& $(".warn").hide(); //刚提交的时候隐藏错误的信息&
&&&&&&& var data = $("#formData").serialize(); //将表单的数据通过序列化表单值，创建 URL 编码文本字符串。形成一个表单元素集合的 jQuery 对象
&&&&&&& $.post("/login/checkLoginInfo", data, function (ajaxObj) { //将数据提交到login控制器下的CheckLOginInfo方法。参数是data。& 如果请求成功，function就是请求成功时执行的回调函数。ajaxObj是checkLoginInfo方法的返回数据&
&&&&&&&&&&& //回传内容{status: 1(success)/0(fail),}&
&&&&&&&&&&& if (ajaxObj.status == 0 || status == null) { //如果返回状态为0或者为null&&
&&&&&&&&&&&&&&& $(".warn").show(); //将错误信息显示出来&
&&&&&&&&&&& } else {&
&&&&&&&&&&&&&&& //登陆成功，跳转都制定页面&
&&&&&&&&&&&&&&& window.location = '/HotelList/Index';&
&&&&&&&&&&& }&
&&&&&&& }, "json");&
注意这条语句的参数，与回调函数 loginFinish 与上面条$.Post()请求的区别
代码如下:$.post("/ajax/UserLogin.ashx",
&&& { "username": username, "password": password },
&&& loginFinish);
代码如下:&html xmlns="http://www.w3.org/1999/xhtml"&&
&head runat="server"&&
&&& &title&&/title&&
&&& &link href="/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" /&&
&&& &script src="/js/jquery-1.4.2.js" type="text/javascript"&&/script&&
&&& &script src="/js/jquery-ui-1.8.2.custom.js" type="text/javascript"&&/script&&
&&& &script type="text/javascript"&&
&&&&&&& //向服务器请求当前登录状态，然后切换登录区域的显示&
&&&&&&& var checkLogin = function () {&
&&&&&&&&&&& $.post("/ajax/CheckLogin.ashx", function (data) {&
&&&&&&&&&&&&&&& var strs = data.split("|");&
&&&&&&&&&&&&&&& if (strs[0] == "no") {&
&&&&&&&&&&&&&&&&&&& //alert("木有登陆");&
&&&&&&&&&&&&&&&&&&& $("#divLoginArea").show(); //如果没有登陆就显示"登陆"&
&&&&&&&&&&&&&&&&&&& $("#divLoginOutArea").hide(); //隐藏"注销"&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&& else {&
&&&&&&&&&&&&&&&&&&& //切换“登录”、“注销”的两个层&
&&&&&&&&&&&&&&&&&&& $("#divLoginArea").hide(); //隐藏"登陆"&
&&&&&&&&&&&&&&&&&&& $("#divLoginOutArea").show(); //显示 "注销"&
&&&&&&&&&&&&&&&&&&& $("#spanUserName").text(strs[1]);//把当前登录用户名显示出来&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&& });&
&&&&&&& }&
&&&&&&& var loginFinish = function (data) {& //这是一个回调函数&
&&&&&&&&&&& if (data == "ok") {&
&&&&&&&&&&&&&&& //alert("成功");&
&&&&&&&&&&&&&&& $("#divLogin").dialog("close"); //登录成功关闭窗口&
&&&&&&&&&&&&&&& checkLogin();//登录成功，刷新登录区域的显示&
&&&&&&&&&&& }&
&&&&&&&&&&& else {&
&&&&&&&&&&&&&&& alert("用户名密码错误");&
&&&&&&&&&&& }&
&&&&&&& };&
&&&&&&& $(function () {&
&&&&&&&&&&& $("#btnShowLoginDlg").click(function () {&
&&&&&&&&&&&&&&& $("#divLogin").dialog({&
&&&&&&&&&&&&&&&&&&& height: 200,&
&&&&&&&&&&&&&&&&&&& modal: true&
&&&&&&&&&&&&&&& });&
&&&&&&&&&&& });&
&&&&&&&&&&& $("#btnLogin").click(function () {& //当用户点击"登陆" 控件触发事件&
&&&&&&&&&&&&&&& //todo:检验用户名、密码不能为空&
&&&&&&&&&&&&&&& var username = $("#txtUserName").val();&
&&&&&&&&&&&&&&& var password = $("#txtPwd").val();&
&&&&&&&&&&&&&&& $.post("/ajax/UserLogin.ashx",//----------------------请关注这条$.Post()请求的参数与回调函数&
&&&&&&&&&&&&&&&&&&& { "username": username, "password": password },&
&&&&&&&&&&&&&&&&&&& loginFinish);&
&&&&&&&&&&& });&
&&&&&&& });&
&&&&&&& $(function () {&
&&&&&&&&&&& checkLogin();//刚进入页面的时候也是先向服务器查询当前登录状态&
&&&&&&&&&&& $("#btnLogout").click(function () {&
&&&&&&&&&&&&&&& $.post("/ajax/Logout.ashx", function () {&
&&&&&&&&&&&&&&&&&&& checkLogin();//刷新显示&
&&&&&&&&&&&&&&& });&
&&&&&&&&&&& });&
&&&&&&& });&
&&& &/script&&
&&& &asp:ContentPlaceHolder ID="head" runat="server"&&
&&& &/asp:ContentPlaceHolder&&
&&& &form id="form1" runat="server"&&
&&& &div&&
&&&&&&& &div id="divLoginArea" style="display:none"&&input type="button" value="登录" id="btnShowLoginDlg" /&&/div&&
&&&&&&& &div id="divLoginOutArea" style="display:none"&&
&&&&&&&&&&& &span id="spanUserName"&&/span&&
&&&&&&&&&&& &input type="button" value="注销" id="btnLogout" /&&
&&&&&&& &/div&&
&&&&&&& &div id="divLogin" title="登录窗口"& style="display:none"&&
&&&&&&&&&&& &table&&
&&&&&&&&&&&&&&& &tr&&td&用户名：&/td&&td&&input type="text"& id="txtUserName"/&&/td&&/tr&&
&&&&&&&&&&&&&&& &tr&&td&密码：&/td&&td&&input type="password"& id="txtPwd"/&&/td&&/tr&&
&&&&&&&&&&&&&&& &tr&&td colspan="2"&&input type="button" value="登录" id="btnLogin" /&&/td&&/tr&&
&&&&&&&&&&& &/table&&
&&&&&&& &/div&&
&&&&&&& &br /&&
&&&&&&& &asp:ContentPlaceHolder ID="placeHolderMain" runat="server"&&
&&&&&&& &/asp:ContentPlaceHolder&&
&&&&&&& &br /&&
&&&&&&&& 尾部&br /&&
&&& &/div&&
&&& &/form&&
希望本文所述对大家的asp.net程序设计有所帮助。
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910AJAX POST 提交到asp.net页面，无法获取html页面的radio和checkbox的值，怎么才能获取呢！
[问题点数：20分]
AJAX POST 提交到asp.net页面，无法获取html页面的radio和checkbox的值，怎么才能获取呢！
[问题点数：20分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
2014年11月论坛优秀版主
2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
本帖子已过去太久远了，不再提供回复功能。让jQuery脚本来调用action方法-从IIS6，IIS7不响应的getJSON空的JSON？使用MVC2，jQuery的，ajax
早安堆栈溢出我一直有，我试图缩小的问题，我的好心人的帮助下堆栈溢出......对于原因，我尝试从一个视图来调用动作控制器从未执行..我有设置断点，一切，它只是似乎从来就没叫...
$(function () {
$("#DemoGraphSubmit").click(function (e) {
e.preventDefault();
var data = [];
$.getJSON("/PatientACO.aspx/SearchByDemographic", null, function (data) {
data = $.map(data, function (item, a) {
return "&option value=" + item.Value + "&" + item.Text + "&/option&";
$("#PatientListToAdd").html(data.join(""));
我检查，以确保该URL是正确的...... PatientACOController是我的控制器和SearchByDemographic是我DemoGraphSubmit是我认为提交......我不知道我在做什么错在这里的按钮...任何帮助将是赞赏。----------新来的。我搜索了不少的工作解决我的问题 CodeGo.net，但即使我已经发现了有前途的post头衔，没有任何解决方案都工作过。
我部署MVC2 Web应用程序到客户端端的服务器。
我做了我Win2k8服务器上，但它们正在运行WIN2K3断绝。
该应用程序的唯一目的是接收记录在数据库中的给定记录或记录HTTP的检查，然后返回信息作为一个简单的字符串，如JSON格式“已完成”或“。
这的getJSON代码工作正常的
客户端机的服务器莫名其妙地对中，的getJSON请求接收从应用程序中的空响应。
没有跨域行动AFAIK ......结果是从客户端端的服务器，或从我的机器通过VPN。
在MVC模型的JSON代码，为人们解决方案是将“JsonRequestBehavior.AllowGet”属性添加到JSON结果被返回。我做这个很久之前尝试部署它，正如我所说，它已经在开发运行良好
使用Firebug的，我看过的请求URL被发送到我的两个本地服务器和客户端端服务器-从两个服务器的响应报头都是，但是从我的服务器的响应内容显示为：
{"Result":"No Data"}
这正是我想要的。
从字面上有来自客户端端的服务器的响应显示任何内容..？但该请求得到一个HTTP 200码，并记录为在效应初探的属性。
在这两种情况下的响应头的内容类型为“应用程序/ json的”
别急，还有更多！
如果我手动输入的要求，在Firefox的导航栏的每个服务器，然后回车，在这两种情况下，它与回应：
{"Result":"No Data"}
这正是我想要的。所以，为什么我能得到我想要从客户端端的服务器上的MVC应用程序的结果，只有当我从Javascript代码手工输入在Firefox的URL请求，但不？
我试图迫使不同的输出内容类型...使用jQuery
$.ajaxSetup({
async: false,
dataType: 'text'
$.ajaxSetup({
async: false,
dataType: 'html'
并再次wtih'脚本'，和'JSON'。我也尝试过，如“文本的json”或JSON'或'JSON文本“等等的转换选项。
的帖子我读，我的直觉，不过，建议，问题是不是在那有过错的要求，jQuery代码......我不知道怎么了jQuery的请求指向不同的服务器上运行的应用程序会突然的服务器发回一个'空'的价值。
由空，我想清楚...什么都没有发出。没有{}或{空}或JSON的......不存在只是空白白的迹象：p
即使没有人知道答案，我会爱投入或许暗示我应该在哪里我的侦探......客户端端或服务器？
如果问题是服务器，它似乎很难真正知道了MVC的东西是IIS6的服务器上运行的100％，但总体上它似乎工作。我有一个不同的MVC应用程序的响应虚拟路径的客户端端服务器上运行，并且通常运行作为开发机上。
我发现一件事......请求头有什么不同？发送到IIS7设置请求头包括一个“X-请求-通过：XMLHttpRequest的”，“引用”，和“曲奇”字段/值。
我可以猜测，缺乏了“X-请求-用：XMLHttpRequest的”在IIS6请求头是一条线索，但我没有看到那么JavaScript代码指向不同的服务器如何能产生不同的请求头本身。那么怎么回事是那些正在生成？
的JavaScript嵌入到ASP.NET页面，顺便说一句。
感谢您的任何views。
奇怪的进展......显然有某种问题IIS6处理查询。虽然我没有祈祷，任何注意JSONP，后在其他地方建议使用“＆放大器;回调=”在.getJSON请求URL的末尾会迫使它变成GET方式和工作频繁的问题，从服务器获取数据。所以，我没有说...它确实排序工作。适当{“结果”：“无数据”}响应于请求......这似乎好被返回。然而，这样的JSONP回调的作品，它产生自己的脚本来完成调用和读取并解释了JSON。在这种情况下，它解释了JSON的需要，它没有标签，则会引发错误“无效的标签”......必须有办法破解的东西只是提供了JSON的，但整个JSONP的回调表明，服务器配置是错的，对吗？或者它为什么不工作了JSONP IIS7的，而不是IIS6？
尽管我不喜欢的回调JSONP的解决方案，它似乎工作正常。还是返回错误的标签无效，但似乎并没有停止运行，其余的JavaScript ...等应用正在与IIS6了。我没有测试过修复的回调和JSONP对IIS7的，但我希望它会工作不够好。
这是对一个链接到我目前的解决方案。我还是希望能找到一个更优雅的解决方案，但是。
本文地址 ：CodeGo.net/3994029/
-------------------------------------------------------------------------------------------------------------------------
1. 如果你的默认路由MVC中的URL应该是/PatientACO/SearchByDemographic。
该.aspx部分不应该存在----------1. 你确定你的应用程序扩展名映射设置了正确的？
按照这篇文章在IIS6上运行MVC2，并确保所有的不同的配置已经完成，这可能是临睡前进一步调查具体的优先步。
我真的很倾向于相信它涉及到的HTTP动词。
本文标题 ：让jQuery脚本来调用action方法-从IIS6，IIS7不响应的getJSON空的JSON？使用MVC2，jQuery的，ajax
本文地址 ：CodeGo.net/3994029/
Copyright (C) 2014 CodeGo.net 沪ICP备号 联系电邮: (#=@)jQuery ajax - post() 方法
jQuery ajax - post() 方法
请求 test.php 网页，忽略返回值：
$.post(&test.php&);
通过 AJAX POST 请求改变 div 元素的文本：
$(&input&).keyup(function(){
txt=$(&input&).val();
$.post(&demo_ajax_gethint.asp&,{suggest:txt},function(result){
$(&span&).html(result);
定义和用法
post() 方法通过 HTTP POST 请求从服务器载入数据。
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
必需。规定把请求发送到哪个 URL。
可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR)
可选。请求成功时执行的回调函数。
可选。规定预期的服务器响应的数据类型。
默认执行智能判断（xml、json、script 或 html）。
该函数是简写的 Ajax 函数，等价于：
type: 'POST',
data: data,
success: success,
dataType: dataType
根据响应的不同的 MIME 类型，传递给 success 回调函数的返回数据也有所不同，这些数据可以是 XML 根元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。
对于 jQuery 1.5，也可以向 success 回调函数传递 （jQuery 1.4 中传递的是 XMLHttpRequest 对象）。
大部分实现会规定一个 success 函数：
$.post(&ajax/test.html&, function(data) {
$(&.result&).html(data);
本例读取被请求的 HTML 片段，并插入页面中。
通过 POST 读取的页面不被缓存，因此
中的 cache 和 ifModified 选项不会影响这些请求。
注释：由于浏览器安全方面的限制，大多数 "Ajax" 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。
注释：如果由 jQuery.post() 发起的请求返回错误代码，那么不会有任何提示，除非脚本已调用了全局的 。或者对于 jQuery 1.5，jQuery.post() 返回的 jqXHR 对象的 .error() 方法也可以用于错误处理。
jqXHR 对象
对于 jQuery 1.5，所有 jQuery 的 AJAX 方法返回的是 XMLHTTPRequest 对象的超集。由 $.post() 返回的 jQuery XHR 对象或 &jqXHR,&实现了约定的接口，赋予其所有的属性、方法，以及约定的行为。出于对由
使用的回调函数名称便利性和一致性的考虑，它提供了 .error(), .success() 以及 .complete() 方法。这些方法使用请求终止时调用的函数参数，该函数接受与对应命名的 $.ajax() 回调函数相同的参数。
jQuery 1.5 中的约定接口同样允许 jQuery 的 Ajax 方法，包括 $.post()，来链接同一请求的多个 .success()、.complete() 以及 .error() 回调函数，甚至会在请求也许已经完成后分配这些回调函数。
// 请求生成后立即分配处理程序，请记住该请求针对 jqxhr 对象
var jqxhr = $.post(&example.php&, function() {
alert(&success&);
.success(function() { alert(&second success&); })
.error(function() { alert(&error&); })
.complete(function() { alert(&complete&); });
// 在这里执行其他任务
// 为上面的请求设置另一个完成函数
plete(function(){ alert(&second complete&); });
请求 test.php 页面，并一起发送一些额外的数据（同时仍然忽略返回值）：
$.post(&test.php&, { name: &John&, time: &2pm& } );
向服务器传递数据数组（同时仍然忽略返回值）：
$.post(&test.php&, { 'choices[]': [&Jon&, &Susan&] });
使用 ajax 请求发送表单数据：
$.post(&test.php&, $(&#testform&).serialize());
输出来自请求页面 test.php 的结果（HTML 或 XML，取决于所返回的内容）：
$.post(&test.php&, function(data){
alert(&Data Loaded: & + data);
向页面 test.php 发送数据，并输出结果（HTML 或 XML，取决于所返回的内容）：
$.post(&test.php&, { name: &John&, time: &2pm& },
function(data){
alert(&Data Loaded: & + data);
获得 test.php 页面的内容，并存储为 XMLHttpResponse 对象，并通过 process() 这个 JavaScript 函数进行处理：
$.post(&test.php&, { name: &John&, time: &2pm& },
function(data){
process(data);
}, &xml&);
获得 test.php 页面返回的 json 格式的内容：
$.post(&test.php&, { &func&: &getNameAndTime& },
function(data){
alert(data.name); // John
console.log(data.time); //
}, &json&);