jQuery post数据至ashx实现数据交互

时间：2016-08-20 编辑：简简单单来源：一聚教程网

ajax代码如下

代码如下

复制代码

$.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 description for Param
///

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过来的数据：

代码如下

复制代码

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(strJson);

int top = Convert.ToInt32(p.Top);
string term = p.Term;

            //var result = ...
            //context.Response.Write(result.ToJson());
        }

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

上一个：防止JQUERY的AJAX请求缓存里的数据
下一个： html5中canvas 圆周运动和椭圆运动例子

推荐专题

最新下载

热门教程

jQuery post数据至ashx实现数据交互

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程