当前位置：首页 > 资讯 > 技术文档

jQuery post数据至ashx实例详解

时间：2021-01-04 22:31 编辑：来源：阅读：
扫一扫，手机访问

摘要：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

[b]jQuery post数据至ashx[/b] 今天给大家分享一个小功能，在jQuery环境中，Post data to ashx进行数据交互。参考下面代码示例： [url=http://files.jb51.net/file_images/article/201611/201611181432381.png][img]http://files.jb51.net/file_images/article/201611/201611181432381.png[/img] [/url]

$.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: [url=http://files.jb51.net/file_images/article/201611/201611181432384.png][img]http://files.jb51.net/file_images/article/201611/201611181432384.png[/img] [/url]

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过来的数据： [url=http://files.jb51.net/file_images/article/201611/201611181432385.png][img]http://files.jb51.net/file_images/article/201611/201611181432385.png[/img] [/url] 下面我们尝试在实际环境中，Post一个数据如 “1628”，在FireFox的firebug看到传送结果如下： [url=http://files.jb51.net/file_images/article/201611/201611181432396.png][img]http://files.jb51.net/file_images/article/201611/201611181432396.png[/img] [/url] 在ashx中，接收到的结果如下： [url=http://files.jb51.net/file_images/article/201611/201611181432397.png][img]http://files.jb51.net/file_images/article/201611/201611181432397.png[/img] [/url] 再进一步得到top的值： [url=http://files.jb51.net/file_images/article/201611/201611181432398.png][img]http://files.jb51.net/file_images/article/201611/201611181432398.png[/img] [/url] 最后得到的是term的值： [url=http://files.jb51.net/file_images/article/201611/201611181432399.png][img]http://files.jb51.net/file_images/article/201611/201611181432399.png[/img] [/url] 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：jQuery获得指定元素坐标的方法
下一篇：uploadify 3.0 详细使用说明

资讯排行榜
更多>>