web-dev-qa-db-ja.com

ASP.NET-JSONをjQueryからASHXに渡す

JSONをjQueryから.ASHXファイルに渡そうとしています。以下のjQueryの例：

$.ajax({
      type: "POST",
      url: "/test.ashx",
      data: "{'file':'dave', 'type':'ward'}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",      
    });

.ASHXファイルでJSONデータを取得するにはどうすればよいですか？私には方法があります：

public void ProcessRequest(HttpContext context)

しかし、リクエストにJSON値が見つかりません。

asp.netajaxashx
42
colin jobes

私はこれが古すぎることを知っていますが、記録のために5セントを追加したいと思います

これでサーバー上のJSONオブジェクトを読み取ることができます

string json = new StreamReader(context.Request.InputStream).ReadToEnd();
55
Claudio Redi

次の解決策は私のために働いた：

クライアント側：

        $.ajax({
            type: "POST",
            url: "handler.ashx",
            data: { firstName: 'stack', lastName: 'overflow' },
            // DO NOT SET CONTENT TYPE to json
            // contentType: "application/json; charset=utf-8", 
            // DataType needs to stay, otherwise the response object
            // will be treated as a single string
            dataType: "json",
            success: function (response) {
                alert(response.d);
            }
        });

サーバー側.ashx

    using System;
    using System.Web;
    using Newtonsoft.Json;

    public class Handler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";

            string myName = context.Request.Form["firstName"];

            // simulate Microsoft XSS protection
            var wrapper = new { d = myName };
            context.Response.Write(JsonConvert.SerializeObject(wrapper));
        }

        public bool IsReusable
        {
           get
           {
                return false;
           }
        }
    }
24
Andre

$.ajaxに関してデータをサーバーに送信する場合、データは自動的にJSONデータに変換されません（ AJAX WebServiceに送信するJSONオブジェクトを作成する方法を参照） ？ ）。したがって、contentType: "application/json; charset=utf-8"およびdataType: "json"を使用でき、JSON.stringifyまたは$.toJSONでデータを変換しないでください。の代わりに

data: "{'file':'dave', 'type':'ward'}"

（データを手動でJSONに変換）使用してみることができます

data: {file:'dave', type:'ward'}

context.Request.QueryString["file"]およびcontext.Request.QueryString["type"]構造を使用してサーバー側でデータを取得します。この方法で問題が発生した場合は、試してみてください

data: {file:JSON.stringify(fileValue), type:JSON.stringify(typeValue)}

サーバー側での使用法DataContractJsonSerializer。

4
Oleg
html
<input id="getReport" type="button" value="Save report" />

js
(function($) {
    $(document).ready(function() {
        $('#getReport').click(function(e) {
            e.preventDefault();
            window.location = 'pathtohandler/reporthandler.ashx?from={0}&to={1}'.f('01.01.0001', '30.30.3030');
        });
    });

    // string format, like C#
    String.prototype.format = String.prototype.f = function() {
        var str = this;
        for (var i = 0; i < arguments.length; i++) {
            var reg = new RegExp('\\{' + i + '\\}', 'gm');
            str = str.replace(reg, arguments[i]);
        }
        return str;
    };
})(jQuery);

c#
public class ReportHandler : IHttpHandler
{
    private const string ReportTemplateName = "report_template.xlsx";
    private const string ReportName = "report.xlsx";

    public void ProcessRequest(HttpContext context)
    {
        using (var slDocument = new SLDocument(string.Format("{0}/{1}", HttpContext.Current.Server.MapPath("~"), ReportTemplateName)))
        {
            context.Response.Clear();
            context.Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
            context.Response.AddHeader("Content-Disposition", string.Format("attachment; filename={0}", ReportName));

            try
            {
                DateTime from;
                if (!DateTime.TryParse(context.Request.Params["from"], out from))
                    throw new Exception();

                DateTime to;
                if (!DateTime.TryParse(context.Request.Params["to"], out to))
                    throw new Exception();

                ReportService.FillReport(slDocument, from, to);

                slDocument.SaveAs(context.Response.OutputStream);
            }
            catch (Exception ex)
            {
                throw new Exception(ex.Message);
            }
            finally
            {
                context.Response.End();
            }
        }
    }

    public bool IsReusable { get { return false; } }
}
2
oyaebunterkrah

これは、Webサービスを呼び出すために機能します。 .ASHXについてわからない

$.ajax({ 
    type: "POST", 
    url: "/test.asmx/SomeWebMethodName", 
    data: {'file':'dave', 'type':'ward'}, 
    contentType: "application/json; charset=utf-8",   
    dataType: "json",
    success: function(msg) {
      $('#Status').html(msg.d);
    },
    error: function(xhr, status, error) {
        var err = eval("(" + xhr.responseText + ")");
        alert('Error: ' + err.Message);
    }
}); 



[WebMethod]
public string SomeWebMethodName(string file, string type)
{
    // do something
    return "some status message";
}
1
Larry Flewwelling

ユーザー定義の拡張リクエスト形式を処理するには、Web構成ファイルでハンドラープロパティを定義する必要があります。ここで、ユーザー定義の拡張子は "。api"

verb = "*" path = "test.api" type = "test"を置き換えるrl： "/test.ashx"をrl：" /test.api"。

0
Ashish Sharma