我想从视图中运行javascript/jquery,但没有向我展示任何东西。我的代码工作和数据记录在数据库中,但不知道为什么JavaScript/jQuery不起作用
我的代码是:
动作代码:
[HttpPost]
public ActionResult Register(User user)
{
UserRepository blUser = new UserRepository();
if (ModelState.IsValid)
{
if (blUser.Add(user))
{
return Json(new JsonData() { Success = true });// return {"Success":true}
}
else
{
return Json(new JsonData() { Success = false }); // return {"Success":false}
}
}
else
{
return Json(new JsonData() { Success = false }); // return {"Success":false}
}
}
并查看代码:
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script>
$(document).ready(function (e) {
e.preventDefault();
$("#reg-btn").click(function () {
$.ajax({
type: "Post",
url: "/Home/Register",
data: null,
dataTpe: "Json",
success: function (result) {
if (result.Success == true) {
alert("success");
}
},
error: function () {
alert("error");
}
});
});
});
</script>}
当提交按钮按数据库中的数据记录时,什么都不会发生...只是在新页面中显示我" {" success":true}"如果我删除了此行代码:
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
如果我更改了控制器的返回
,仍然不起作用return JavaScript("alert('success')"); // again show string "alert('success')" in new page if above line code removed
和部分视图也...
在我的项目中添加了哪个JavaScript参考文件?默认由Visual Studio 2015/MVC创建
ty
您的e.preventDefault()
位于错误的位置,并且可能在Dev Tools Console
更改
$(document).ready(function (e) {
e.preventDefault();
$("#reg-btn").click(function () {
....
to
$(document).ready(function () {
$("#reg-btn").click(function () {
e.preventDefault();
....
我找到了解决问题的解决方案。仅在Ajax.BeginForm
方法中,我将OnSuccess
和OnFailure
属性添加到AjaxOptions
...,并在脚本部分中为两个函数定义了2个功能
@using (Ajax.BeginForm("Register",new AjaxOptions {
OnSuccess = "OnSuccess",
OnFailure = "OnFailure"
}))
{
和脚本部分
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script type="text/javascript">
function OnSuccess(response) {
alert("done");
}
function OnFailure(response) {
alert("error");
}
</script>
我希望这个答案将来会帮助其他人