jQuery AJAX调用将数据发布到ASP.Net页面(不是Get但是POST)
我有一个ASP.Net页面的以下jQuery AJAX调用。
$.ajax({ async: true, type: "POST", url: "DocSummaryDataAsync.aspx", //"DocSummary.aspx/GetSummaryByProgramCount", contentType: "application/json; charset=utf-8", data: kendo.stringify({ vendorId: supplierId, businessUnit: busUnit, productSegmentId: prodSegmentId, programId: progId, productManagerId: prodManagerId, companyIds: compIds, expired: exp.toString(), requestType: 'TotalCount' }), success: function (msg) { // alert('in success of getcount'); }, error: function (XMLHttpRequest, textStatus, errorThrown) { // alert('in failure of getcount'); } });
当我尝试从Request对象中检索已发布的数据时,它不会显示出来。 我的aspx页面代码如下。 我将每个以Json格式发布的数据发送到页面,但它不会显示在页面的代码隐藏中。 在jQuery ajax调用中是否有一些额外的设置,我错过了?
protected void Page_Load(object sender, EventArgs e) { Response.ContentType = "application/json"; string requestType = Request.Params["requestType"]; //populate variables from posted data string vendorId = Request.Params["vendorId"]; string businessUnit = Request.Params["businessUnit"]; string productSegmentId = Request.Params["productSegmentId"]; string commitmentProgramId = Request.Params["programId"]; string productManagerId = Request.Params["productManagerId"]; string companyIds = Request.Params["companyIds"]; string expired = Request.Params["expired"]; }
更新1: Stephen的答案是最好的方法,特别是ProcessRequest的方法。 但是,我确实发现了一个小技巧,允许以通常的传统方式将数据发布到ASP.Net,例如Request [“vendorId”]等。要从任何jQuery ajax请求启用此类数据发布,您只需要确保以下2点适用于您的jQuery ajax调用:
- 内容类型应该从你的jQuery ajax调用中省略或者如果你想要包含它,那么它不应该被设置为 “application / json; charset = utf-8”而是应用于“application / x-www-form-urlencoded” ; charset = UTF-8“。 根据我的理解,内容类型告诉ASP.Net页面正在发送的数据类型,而不是页面所需的数据类型。
- jQuery ajax的数据部分不应该用引号括起来的数据名 。 所以数据:{“venorId”:“AD231”,“businessUnit”:“123”}应该被数据替换:{vendorId:“AD231”,businessUnit:“123”}。 在此示例中,数据名称为vendorId和businessUnit,可以使用常用的ASP.Net语法(如Request [“vendorId”]和Request [“businessUnit”]在ASP.Net代码隐藏中访问)。
选项1. 保持服务器端代码相同
首先删除kendo.stringify 。 然后删除contentType或将其更改为…
"application/x-www-form-urlencoded; charset=utf-8"
…或者将$ .ajax调用更改为:
$.post('DocSummaryDataAsync.aspx', { vendorId: supplierId, businessUnit: busUnit, productSegmentId: prodSegmentId, programId: progId, productManagerId: prodManagerId, companyIds: compIds, expired: exp.toString(), requestType: 'TotalCount' }, function (data) { });
选项2. 将POST更改为GET
像这样
$.ajax({ async: true, type: "GET", etc.
这将通过QueryString传递您的数据。 如果你删除了kendo.stringify调用,你将访问所有的值,如下所示:
string vendorId = Request.QueryString[0]; string businessUnit = Request.QueryString[1]; etc.
选项3. 使用原始的$ .ajax调用
如果您使用原始的$ .ajax,则以下内容适用:
Request.Params获得“QueryString,Form,Cookies和ServerVariables项目的组合集合”。 – 这个链接
你没有使用任何这些。 相反,您需要访问Request.InputStream。
这是你如何做到这一点:
在服务器端创建一个映射到请求的JSON对象的类,例如
public class MyClass { // The type (int or string) should probably correspond to the JSON public int vendorId { get; set; } public string businessUnit { get; set; } public string productSegmentId { get; set; } public string programId { get; set; } public string productManagerId { get; set; } public string companyIds { get; set; } public string expired { get; set; } public string requestType { get; set; } }
将Request.InputStream转换为该类型,然后您可以使用它。
public void ProcessRequest() { System.IO.Stream body = Request.InputStream; System.Text.Encoding encoding = Request.ContentEncoding; System.IO.StreamReader reader = new System.IO.StreamReader(body, encoding); string json = reader.ReadToEnd(); JavaScriptSerializer serializer = new JavaScriptSerializer(); MyClass myclass = (MyClass)serializer.Deserialize(json, typeof(MyClass)); int vendorId = myclass.vendorId; string requestType = myclass.requestType; // etc... } protected void Page_Load(object sender, EventArgs e) { ProcessRequest(); }
- asp DropDownListChosen未在下拉列表中显示任何项目
- 如何在Windows 8.1触摸屏中处理鼠标hover和鼠标hover事件
- Web控件/ jQuery函数用于显示数据库中的图像?
- 无法在Bootstrap表中使用jQuery设置data-url值
- 如何将image base64发送到服务器
- 0x800a138f – JavaScript运行时错误:属性’$’的值为null或undefined,而不是Function对象
- 基于Ajax的Dashboard On LargeData
- 是否有理由更喜欢jQuery.Ajax到asp.net UpdatePanel?
- 从codebehind触发jQuery ui对话框?