这是我第一次使用 Ajax Json 帖子。
我现在有以下脚本代码：
<script type="text/javascript">
$(document).ready(function () {
// If the button is clicked, redirect to a controller action, send the data, and show
// a view with the changes.
$('#submitDiffs').click(function () {
var requirementNumberData = "@Model.FirstOrDefault().Requirement.RequirementNumber";
var data = [];
$('table tr').children('td').children('#selected :checked').each(function (i, element) {
var el = $(element);
data[i] = el.parent().siblings(':eq(1)').html();
});
diffParameters = GetDifferenceParameters(data);
var jsonData = JSON.stringify(diffParameters, null, 2);
$.ajax({
url: '/Requirements/Differences',
type: 'POST',
data: jsonData,
dataType: 'json',
contentType: 'application/json; charset=utf-8',
// callback handler that will be called on error
success: function (response) {
alert("Ajax call made successfully!!!");
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status + '\n\r' + xhr.responseText);
alert(thrownError);
}
});
});
function GetDifferenceParameters(data) {
var requirementNumber = "@Model.FirstOrDefault().Requirement.RequirementNumber";
var oldRequirement = data[1];
var newRequirement = data[0];
return {
RequirementNumber: requirementNumber,
OldRequirement: oldRequirement,
NewRequirement: newRequirement
};
}
});
此代码发布到 MVC3 控制器，代码如下：
[HttpPost]
public ActionResult Differences(RequirementDifferenceViewModel model)
{
HtmlDiff diff = new HtmlDiff(model.OldRequirement, model.NewRequirement);
model.ContentDifference = diff.Build();
return View(model);
}
这是视图模型：
public class RequirementDifferenceViewModel
{
public string RequirementNumber { get; set; }
public string OldRequirement { get; set; }
public string NewRequirement { get; set; }
public string ContentDifference { get; set; }
}
如果我省略 jSON.stringify 控制器操作不会被执行，我会收到 500 错误。如果我进行字符串化，我会得到 200 状态，但是会向 AJAX 返回一个 JSON 解析错误。在这两种情况下，都会将确切的 JSON 字符串发送到 AJAX 调用。
这是我从 Firebug 中复制的 JSON 字符串：
{
"RequirementNumber": "PFSNET-UC12-008",
"OldRequirement": "\n <p class=\"Bullet1\"><span style=\"font-size:10.0pt;font-family:Wingdings;\nfont-weight:normal\">r<span style=\"font:7.0pt "Times New Roman"\"> </span></span><span lang=\"X-NONE\">[PFSNET-UC12-008] – Undo/redo will be supported for Expert\nAssistant. The details can be found in the use case for Undo/Redo.</span> </p> \n\n <p class=\"Bullet2\"><span style=\"font-family:Wingdings;font-weight:\nnormal\" lang=\"X-NONE\">§<span style=\"font:7.0pt "Times New Roman"\"> </span></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T11:06\">A</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\">n ‘Undo\nLast Action’ button will </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T11:06\">also </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\">be available</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T11:05\"> for\nselect products</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\">. See\nUC12-</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-29T14:10\">229</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\"> for\nadditional information.</ins></span></p> \n\n <p class=\"MsoNormal\"> </p> \n\n\n ",
"NewRequirement": "\n <p class=\"Bullet1\"><span style=\"font-size:10.0pt;font-family:Wingdings;\nfont-weight:normal\">r<span style=\"font:7.0pt "Times New Roman"\"> </span></span><span lang=\"X-NONE\">[PFSNET-UC12-008] – Undo/redo will be supported for Expert\nAssistant. The details can be found in the use case for Undo/Redo.</span> </p> \n\n <p class=\"Bullet2\"><span style=\"font-family:Wingdings;font-weight:\nnormal\" lang=\"X-NONE\">§<span style=\"font:7.0pt "Times New Roman"\"> </span></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T11:06\">A</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\">n ‘Undo\nLast Action’ button will </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T11:06\">also </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\">be available</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T11:05\"> </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-06-20T12:34\">on </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-06-20T12:42\">the\nAdvanced Expert Assistant screen. </ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\">See\nUC12-</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-29T14:10\">229</ins></span><span class=\"msoIns\"><ins cite=\"mailto:Michelle%20Reini%20Hotchkiss\" datetime=\"2012-05-18T08:36\"> for\nadditional information.</ins></span></p> \n\n <p class=\"MsoNormal\"> </p> \n\n\n "
}
我将此字符串放入一个 JSON 验证器网站并通过：[http://jsonformatter.curiousconcept.com/]
确切的解析错误是：SyntaxError: JSON.parse: unexpected character
任何帮助，将不胜感激！
编辑2：
事实证明，解析错误是 AJAX 成功处理程序无法正确解析响应的结果。我仍在试图弄清楚这部分。
一旦执行 Success 事件，代码执行就会直接跳转到 Error 事件。