ASP.NET - Passing JSON from jQuery to ASHX

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.

Answer 1

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

Answer 2

Hello!

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"] and context.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.

Answer 3

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!

Answer 4

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";
}

Answer 5

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" .