Question

我在几个不同的ASP.NET页面上实现了注册过程。页面本身可以工作，但当我点击任何一个页面时，我会收到一条消息，就像这样

{“Successful”：true，“Exception”：null，“InnerException”：null，“ReturnVal”：3}

我收到的ReturnVal是正确的。似乎一旦AJAX函数完成，它就会停止并且不会继续错误或成功，它只显示JSON结果。这是一个片段：

 <input type="submit" value="Next" id="Package" onclick="return  DoAjaxSubmit(this);"/>
    </div>
</div>
</p> 

<script type="text/javascript">

   function DoAjaxSubmit(btnClicked) {
       var form = $(btnClicked).parents('form');
       $.ajax({
           type: "POST",
           url: form.attr('action'), //'<%=ResolveUrl("~/register/go") %>',
           data: form.serialize(),
           dataType: "json",
           error: function (xhr, status, error) {
           },
           success: function (response) {
                if (response != null) {
                   if (!response.Successful) {
                       alert("Please select the Package");
                       return false;
                   }
                   else {
                           switch (response.ReturnVal) {
                       case 0:
                           window.location.href = "/Register/Free";
                           break;
                       case 1:
                           window.location.href = "/Register/Confirmation";
                           break;
                       case 2:
                           window.location.href = "/Register/AdOptions";
                           break;
                       case 3:
                           window.location.href = "/Register/PrintOptions";
                           break;
                       case 4:
                           window.location.href = "/Register/JobOptions";
                           break;
                       case 5:
                           window.location.href = "/Register/Landing";
                           break;
                       }
                   }
               }
           }
       });
       return false;
   }

控制器：

[AcceptVerbs(HttpVerbs.Post)]
    [RestrictedAction(new[] { "user" },null)]
    public JsonResult Package(string[] package)
    {
        var t = new TransactionResult();

        if (!string.IsNullOrEmpty(package[0]))
            {
                //Reset Session values in case of start over
                Session[SessionNames.PRINTOPTIONS] = null;
                Session[SessionNames.JOBOPTIONS] = null;
                Session[SessionNames.ADOPTIONS] = null;
                Session[SessionNames.LANDING] = null;
                Session[SessionNames.QUANTITY] = null;
                Session[SessionNames.PACKAGE1] = package;

                //Determine which options page to navigate to
                t.ReturnVal = 6;
                foreach (var p in package)
                {
                    if (Convert.ToInt32(p) < t.ReturnVal && Convert.ToInt32(p) != 1)     t.ReturnVal = Convert.ToInt32(p);
                }
                if (t.ReturnVal == 6) t.ReturnVal = 1;

                t.Successful = true;  
            }
        return Json(t);
    }

我尝试删除提交按钮上的返回值，添加return false;，在JSON中将controller结果的Successful属性设置为false，以检查错误部分工作，但它只是做同样的事情（除了它返回false，但不显示错误消息）。

编辑控制台错误

Uncaught ReferenceError: $ is not defined Package:283
    DoAjaxSubmit Package:283
    onclick Package:263
Resource interpreted as Document but transferred with MIME type application/json:   "http://192.168.0.21:82/register/package".

Answer 1

有一点是错的：

switch (response.returnValue)

应该是：

switch (response.ReturnVal)

您必须在JS中使用JSON中的相同属性名称。

Answer 2

鉴于您收到的错误消息，您似乎还没有注册jQuery脚本。确保在使用之前已经注册了jQuery：

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>

此外，如果您正在使用另一个使用$功能的客户端javascript框架，您可以configure jQuery with noConflict。

提交表单不会返回下一页

2 个答案: