[英]$.ajax response generates error in content-Type:application/json for xml content in json
这很简单。我想我可能遇到了不兼容的响应内容类型的问题
这是我用来发送jQuery ajax请求的代码:
var settings = { dataType: 'json',
url: 'services/loadTemplate.ashx',
data: JSON.stringify({ 'Name': element.name }), // element.name },
processData: false,
//contentType: "application/json; charset=utf-8",
type: 'POST',
success: function (data) {
console.log('successData:'+data);
alert(data);
},
error: function (xhr, status, error) {
var err = eval("(" + xhr.responseText + ")");
alert(err.Message);
}
}
$.ajax(settings);
这是我试图获取success
回调的响应。
{
'name': 'sMan',
'svg1': '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="513" height="490"><desc>Created with Raphaël</desc><defs></defs><text x="50.5" y="50" text-anchor="middle" font="10px "Arial"" stroke="none" fill="#000000" font-size="0px" style="text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0px; line-height: normal; font-family: Arial;"><tspan>Text</tspan></text><image x="173.5" y="79.5" width="176" height="158" preserveAspectRatio="none" xlink:href="uploaded/75884f70-8872-49c1-8337-2cbbca626b2e.png" id="P28m" fill="#ff0000" stroke="#000000" stroke-width="1" fill-opacity="1" stroke-opacity="1" font-family="Calibri" style="stroke-width: 1px; fill-opacity: 1; stroke-opacity: 1; font-family: Calibri;"></image></svg>',
'svg2': ''
}
但成功并没有解决。我正在设置context.Response.ContentType = "application/json";
在服务器端请求处理程序,我只是简单地将上述字符串写入response.Whats正确的方法来做到这一点?
编辑 :
以这种方式返回:
return "{'name':'" + name + @"',
'svg1':'" + dt.Rows[0]["svg1"].ToString() + @"',
'svg2':'" + dt.Rows[0]["svg2"].ToString() + "'}";
这有效:
StringBuilder sb = new StringBuilder();
StringWriter sw = new StringWriter(sb);
using (JsonWriter jsonWriter = new JsonTextWriter(sw))
{
jsonWriter.Formatting = Formatting.Indented;
// jsonWriter.WriteStartArray();
jsonWriter.WriteStartObject();
jsonWriter.WritePropertyName("name");
jsonWriter.WriteValue(name);
jsonWriter.WritePropertyName("svg1");
jsonWriter.WriteValue(dt.Rows[0]["svg1"].ToString());
jsonWriter.WritePropertyName("svg2");
jsonWriter.WriteValue(dt.Rows[0]["svg2"].ToString());
jsonWriter.WriteEndObject();
/* return "{'name':'" + name + @"',
'svg1':'" + dt.Rows[0]["svg1"].ToString() + @"',
'svg2':'" + dt.Rows[0]["svg2"].ToString() + "'}";*/
}
return sb.ToString();
您的问题不在JavaScript代码或jQuery API用法中。 像其他人一样指出它是在服务器端。 更具体地说,JSON对象键必须是双引号 (更常见的是JSON字符串必须双引号)。
当您从发布的代码中使用C#和ASP.NET时。 根据您使用的框架,您有其他选择。 在所有情况下,我建议您使用对象而不是自己构建JSON。
var yourObj = new {name=name,svg1=dt.Rows[0]["svg1"].ToString(),svg2=dt.Rows[0]["svg2"].ToString()}
现在您有一个表示数据的C#对象。
如果您使用的是ASP.NET MVC:
return Json(yourObj,JsonBehavior.AllowGet);
如果您正在使用WebAPI,那么您可以这样做
return yourObj; // will figure out JSON conversion itself
如果您正在使用其他任何内容 ,或者您使用的任何内容都不支持JSON响应本身。 您需要从NuGet获取Newtonsoft.JSON
包并返回:
return JsonConvert.SerializeObject(yourObj);
这将有效地将您的对象转换为字符串。
您应该为返回类型创建一个强类型对象,然后将其转换为JSON。
public class Template
{
public string Name {get; set;}
public string SvgXml1 {get; set;}
public string SvgXml2 {get; set;}
}
然后在你的服务器端.ashx:
var template = new Template
{
Name = name,
SvgXml1 = dt.Rows[0]["svg1"].ToString(),
SvgXml2 = dt.Rows[0]["svg2"].ToString()
};
return JsonConvert.SerializeObject(template);
最后在你成功的回调函数中:
var name = data.Name;
var svg1 = data.SvgXml1;
...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.