Lots of people recommend to wrap the MVC JsonReturn result in a textarea to play nicely with jquery forms etc.
That part makes sense but how do I get the json object back in my client jquery code?
The client jquery plugin should look something like this:
// Doesn't work since data is "<textarea>{"error":true,"msg":"foo"}</textarea>
success: function (data) {
// strip texta开发者_开发知识库rea tags and convert data to json object
if (data['error']) {
// data['msg']
}
}
Thanks, Duffy
.html() should pull out the innerhtml so
data = $.parseJSON(data.html());
should do the trick
I understand this question is answered. I had a response with Content-Type:text/html
like the one below.
<textarea>{"ContentEncoding":null,"ContentType":null,"Data":{"prop1":1},"JsonRequestBehavior":1,"MaxJsonLength":null,"RecursionLimit":null}</textarea>
Client Code for reading the response.
function (xhr)
{
try{
console.log(xhr.responseText);
var originalData = $(xhr.responseText);
var jsonResponse = $.parseJSON(originalData.html());
var propValResult = jsonResponse.Data.prop1;
}
catch (e)
{
};
}
Following is the server side code where I create the wrapped response.
ASP.NET MVC Custom Result
public class JsonTextWrappedResult : JsonResult
{
public override void ExecuteResult(ControllerContext context)
{
if (context == null)
{
throw new ArgumentNullException("context");
}
if ((JsonRequestBehavior == JsonRequestBehavior.DenyGet)
&& string.Equals(context.HttpContext.Request.HttpMethod, "GET", StringComparison.OrdinalIgnoreCase))
{
throw new InvalidOperationException("Get Not Allowed");
}
var response = context.HttpContext.Response;
response.ContentType = !string.IsNullOrEmpty(ContentType) ? ContentType : "application/json";
if (ContentEncoding != null)
{
response.ContentEncoding = ContentEncoding;
}
if (Data != null)
{
var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
string results = "<textarea>" + serializer.Serialize(Data) + "</textarea>";
response.Write(results);
}
}
}
Controller Code Example
public JsonTextWrappedResult PracticeInfoFormUpload(HttpPostedFileBase myfile, FormCollection formCollection)
{
var data = this.Json(
new
{
prop1 = 1
});
var result = new JsonTextWrappedResult { Data = data, ContentType = "text/html" };
return result;
}
精彩评论