jQuery post数据至ashx实例详解

 更新时间:2016年11月18日 14:37:41   作者:杨明波(Leo Yang)  
这篇文章主要介绍了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。

为了更好在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 Ajax(load,post,get,ajax)的用法

    详谈jQuery Ajax(load,post,get,ajax)的用法

    下面小编就为大家带来一篇详谈jQuery Ajax(load,post,get,ajax)的用法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 3Z版基于jquery的图片复选框(asp.net+jquery)

    3Z版基于jquery的图片复选框(asp.net+jquery)

    最近在做一个彩票缩水工具,找了几个图片复选框插件始终感觉不太满意,自己动手山寨了一下imageTick插件.
    2010-04-04
  • JQuery中两个ul标签的li互相移动实现方法

    JQuery中两个ul标签的li互相移动实现方法

    这篇文章主要介绍了JQuery中两个ul标签的li互相移动实现方法,可实现ul标签中li标签内容相互替换的技巧,涉及jQuery操作页面元素的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 详解jQuery如何实现模糊搜索

    详解jQuery如何实现模糊搜索

    这篇文章主要介绍了jQuery如何实现模糊搜索,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • json定义及jquery操作json的方法

    json定义及jquery操作json的方法

    下面小编就为大家带来一篇json定义及jquery操作json的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 用jquery仿做发微博功能示例

    用jquery仿做发微博功能示例

    发微博功能描述:当点击输入框时,提示的文字会去掉;当光标离开时,如果没有输入任何内容,提示的文字会恢复,需要的朋友可以参考下
    2014-04-04
  • jquery animate 动画效果使用说明

    jquery animate 动画效果使用说明

    jquery animate 动画效果使用说明,需要的朋友可以参考下。
    2009-11-11
  • 用jQuery向div中添加Html文本内容的简单实现

    用jQuery向div中添加Html文本内容的简单实现

    下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jQuery增加与删除table列的方法

    jQuery增加与删除table列的方法

    这篇文章主要介绍了jQuery增加与删除table列的方法,涉及jQuery针对table表格元素动态操作相关技巧,需要的朋友可以参考下
    2016-03-03
  • jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法

    jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法

    jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。最近在使用jquery.form.js提交包含文件的表单时,当碰上网速较慢时,而我们又设置了timeout时我们的页面会死在这里,怎么回事呢,下面脚本之家小编给大家解答下
    2016-10-10

最新评论