Happy Coding

Question

I'm trying to pass JSON from jQuery to a .ASHX file. Example of the jQuery below:

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

How do I retrieve the JSON data in my .ASHX file? I have the method:

public void ProcessRequest(HttpContext context)

but I can't find the JSON values in the request.

Thanks in advance.

Claudio Redi · Answer 1 · 2012-01-03 15:16:33Z

I kknow this is too old, but just for the record I'd like to add my 5 cents

You can read the json object on the server with this

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

this is the most important 5 cents. I would like to add to it if you dont mind.

Andre · Answer 2 · 2011-07-08 18:55:33Z

The following solution worked for me:

Client Side:

        $.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);
            }
        });

Server Side .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;
           }
        }
    }

Oleg · Answer 3 · 2010-06-01 10:57:25Z

If you send data to the server with respect of $.ajax the data will not be converted to JSON data automatically (see http://stackoverflow.com/questions/2737525/how-do-i-build-a-json-object-to-send-to-an-ajax-webservice/2738086#2738086). So you can use contentType: "application/json; charset=utf-8" and dataType: "json" and stay don't convert data with JSON.stringify or$.toJSON. Instead of

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

(manual converting of data to JSON) you can try use

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

and get the data on the server side with context.Request.QueryString["file"] andcontext.Request.QueryString["type"] constructs. If you do receive some problems with this way then you could try with

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

and usage DataContractJsonSerializer on the server side.

Thanks for the reply. The issue I'm having is just that I can't get the JSON data into the request object when using an ASHX page. The value of context.Request.QueryString["file"] is always null. Would you know how to get the JSON data into the request?
To be able to see file parameter with context.Request.QueryString["file"] you should use datalike data: {file:'dave', type:'ward'} (see my answer). Then query parameters with the namesfile and type will be defined and the data posted to server will be encoded like file=dave?type=ward.
If your AJAX is POSTing, then the data will be in the Request.Form property, not QueryString.
@dave thieben: You are right. Thank you for the advice. I don't use ASHX myself. So instead ofRequest.QueryString the Request.Form would be better. It seems to me that Request.Params is the best way because it will work for both GET and POST (see msdn.microsoft.com/en-us/library/…)

Ashish Sharma · Answer 4 · 2010-09-21 12:16:46Z

you have to defined the handler properties in web configuration file to handle the user defined extension request formats. here the user defined extension is ".api"

add verb="*" path="test.api" type="test" replace the url: "/test.ashx" to url: "/test.api" .

Dewfy · Answer 5 · 2010-06-01 09:43:18Z

up vote0down vote

Try System.Web.Script.Serialization.JavaScriptSerializer - with casting to dictionary

answered Jun 1 '10 at 9:43

Dewfy
8,53611243

1

Thanks for the reply. Could you elaborate a little please? What object should I be serializing? – colin jobesJun 1 '10 at 10:04

@colin, I'm preferring Dictionary, but you can persist any object, for example in your sample: class MyObj{ public String file, type; } – Dewfy Jun 1 '10 at 12:03

Chris Lively · Answer 6 · 2010-08-05 10:54:26Z

if using $.ajax and using .ashx to get querystring ,dont set datatype

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

i get it work!

score 0 · Answer 7

This works for calling web services. Not sure about .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";
}

Happy Coding

Tuesday, March 19, 2013

ASP.NET - Passing JSON from jQuery to ASHX

7 Answers

No comments:

Post a Comment