我是.NET MVC的新手,所以请耐心等待。
我编写了一个在textarea控件上有模糊操作时触发的函数:
function extractURLInfo(url) {
$.ajax({
url: "/Popup/Url",
type: "POST",
data: { url: url },
complete: function (data) {
alert(data);
},
success: function (data) {
alert(data);
},
async: true
})
.done(function (r) {
$("#url-extracts").html(r);
});
}
jQuery(document).ready(function ($) {
$("#input-post-url").blur(function () {
extractURLInfo(this.value);
});
});
这样可以正常工作并且会击中控制器:
[HttpPost]
public ActionResult Url(string url)
{
UrlCrawler crawler = new UrlCrawler();
if (crawler.IsValidUrl(url))
{
MasterModel model = new MasterModel();
model.NewPostModel = new NewPostModel();
return PartialView("~/Views/Shared/Partials/_ModalURLPartial.cshtml", model);
}
else
{
return Json(new { valid = false, message = "This URL is not valid." }, JsonRequestBehavior.AllowGet);
}
}
如果网址有效,我会得到预期的结果;它会将部分视图返回到.done()函数,我只是在代码中显示它。但是,如果URL无效,我希望它能够完成,成功或完成(我一直在玩它以查看它将会命中但没有运气!)并对返回的数据执行某些操作。我在某些时候触发了完整或成功,但数据是“未定义的”。有人可以帮我解决这个问题吗?
谢谢!
答案 0 :(得分:2)
在这两种情况下,您的控制器操作都会返回200状态代码,因此它会点击您的success
回调:
$.ajax({
url: "/Popup/Url",
type: "POST",
data: { url: url },
success: function (data) {
if (data.message) {
// Your controller action return a JSON result with an error message
// => display that message to the user
alert(data.message);
} else {
// Your controller action returned a text/html partial view
// => inject this partial to the desired portion of your DOM
$('#url-extracts').html(data);
}
}
});
但当然,更好和语义正确的方法是在发生错误时设置正确的状态代码,而不是只返回200个状态代码:
[HttpPost]
public ActionResult Url(string url)
{
UrlCrawler crawler = new UrlCrawler();
if (crawler.IsValidUrl(url))
{
MasterModel model = new MasterModel();
model.NewPostModel = new NewPostModel();
return PartialView("~/Views/Shared/Partials/_ModalURLPartial.cshtml", model);
}
else
{
Response.StatusCode = 400;
Response.TrySkipIisCustomErrors = true;
return Json(new { valid = false, message = "This URL is not valid." }, JsonRequestBehavior.AllowGet);
}
}
然后在你的AJAX调用中你会适当地处理这些情况:
$.ajax({
url: "/Popup/Url",
type: "POST",
data: { url: url },
success: function (data) {
$('#url-extracts').html(data);
},
error: function(xhr) {
if (xhr.status == 400) {
// The server returned Bad Request status code
// => we could parse the JSON result
var data = JSON.parse(xhr.responseText);
// and display the error message to the user
alert(data.message);
}
}
});
另外,请不要忘记您有一些标准方法可以返回错误消息,您可以在jQuery中订阅全局.ajaxError()
处理程序,而不是将此代码放在所有AJAX请求中。