您的位置：首页 > Web前端 > JQuery

jQuery post数据至ashx实例详解

2016-11-18 14:37 537 查看

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "application/json";
context.Response.ContentEncoding = Encoding.UTF8;
Stream inputStream = context.Request.InputStream;
Encoding encoding = context.Request.ContentEncoding;
StreamReader streamReader = new StreamReader(inputStream, encoding);
string strJson = streamReader.ReadToEnd();
Param p = JsonConvert.DeserializeObject<Param>(strJson);
int top = Convert.ToInt32(p.Top);
string term = p.Term;
//var result = ...
//context.Response.Write(result.ToJson());
}
Source Code

jQuery post数据至ashx

今天给大家分享一个小功能，在jQuery环境中，Post data to ashx进行数据交互。

参考下面代码示例：

$.ajax({
url: '<%= ResolveUrl("~/Handlers/xxx.ashx") %>',
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
data: JSON.stringify({
top: 10,
term: request.term
}),
success: function (data) {
//...
}
});

jQuery的Post值是使用type: "POST"，上传的数据类型为contentType: "application/json; charset=utf-8"。

从代码示例中，它有2个参考需要上传，top，term。

为了更好在ashx能接收，我们写一个model:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
/// <summary>
/// Summary description for Param
/// </summary>
namespace Insus.NET
{
public class Param
{
private int _top;
public int Top
{
get { return _top; }
set { _top = value; }
}
private string _term;
public string Term
{
get { return _term; }
set { _term = value; }
}
}
}

在ashx处理程序中，我们可以同下面这样接收Post过来的数据：

下面我们尝试在实际环境中，Post一个数据如 “1628”，在FireFox的firebug看到传送结果如下：

在ashx中，接收到的结果如下：

再进一步得到top的值：

最后得到的是term的值：

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery post数据 ashx

相关文章推荐

新的分享

章节导航