AjaxJsonの投稿を扱うのはこれが初めてです。
私は今、次のスクリプトコードを持っています：
<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ステータスになりますが、jSON解析エラーがAJAXに返されます。どちらの場合も、正確な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バリデーターのWebサイトに入れて、合格しました：[http://jsonformatter.curiousconcept.com/]
正確な解析エラーは次のとおりです。SyntaxError：JSON.parse：予期しない文字
どんな助けでもいただければ幸いです！
編集2：
解析エラーは、AJAX成功ハンドラーが応答を正しく解析できなかった結果であることがわかりました。私はまだそれのこの部分を理解しようとしています。
Successイベントが実行されるとすぐに、コードの実行はErrorイベントにジャンプします。