jQuery post数据至ashx实例详解
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。
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看到传送结果如下:

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关文章
BootStrap中jQuery插件Carousel实现轮播广告效果
轮播广告在网站中的应用实在是太常见了,下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果,感兴趣的朋友一起看看吧2017-03-03
jQuery替换节点用法示例(使用replaceWith方法)
这篇文章主要介绍了jQuery替换节点的方法,结合简单实例形式分析了jQuery使用replaceWith方法替换P标签显示内容的相关实现技巧,需要的朋友可以参考下2016-09-09
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
这篇文章主要介绍了jQuery实现浏览器之间跳转并传递参数功能,具有支持中文字符传输的功能,涉及jQuery编码转换、事件响应、页面跳转等相关操作技巧,需要的朋友可以参考下2018-03-03
Jquery 组合form元素为json格式,asp.net反序列化
Jquery组合form元素为json格式,asp.net反序列化实现代码,大家可以具体的看下面的说明。2009-07-07
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
最近在朋友做个网站http://www.smarteas.net/,其中用实现用户注册这功能,最近网站做到了尾声,我也就把其它有些技术和大家分享一下。2010-09-09
jQuery.Highcharts.js绘制柱状图饼状图曲线图
这篇文章主要介绍了jQuery.Highcharts.js绘制柱状图饼状图曲线图的方法,非常的实用,小伙伴们可以直接拿到项目中使用。2015-03-03








最新评论