堆栈内存溢出
  简体   繁体   English

ASP.NET MVC中的jQuery .ajax POST函数错误返回

[英]Jquery .ajax POST function error return in asp.net MVC

 原文  2012-05-21 09:23:30  2   2    javascript/ jquery/ asp.net-mvc/ json

问题描述

I have a JavaScript function which redirect to Asp.net MVC action method. 我有一个JavaScript函数，可以重定向到Asp.net MVC操作方法。 

[AcceptVerbs(HttpVerbs.Post)]
    public ActionResult SupplierDetail(int SupplierID)
    {
        int test = SupplierID;
        return View();
    }

/// Java Script Code ...

$('#list .clsRowButtonClick').live('click', function () {
        var id = $(this).attr('RowID');
        var type = $(this).attr('ButtonType');
        alert("ID: " + id + " \nButtonType :" + type);

        var Supplier = {};
        Supplier.SupplierID = id;
        var jsonString = JSON.stringify(Supplier);

        $.ajax({
            type: "POST",
            url: "/Supplier/SupplierDetail/",
            dataType: "json",
            data: jsonString,
            contentType: "application/json; charset=utf-8",                
            success: function (response, textStatus, jqXHR) {
                alert("success");
            },
            error: function (jqXHR, textStatus, errorThrown) {
                //alert(jsonString);
                alert("jqXHR.responseText --> "+ jqXHR.responseText + "\njqXHR --> " + jqXHR + "\ntextStatus --> " + textStatus + " \nerrorThrown --> " + errorThrown);
            }
        });
    });

It worked as I had expected. 它按我预期的那样工作。 It fire SupplierDetail Action Method by supplying corrected parameter value. 通过提供更正的参数值来触发SupplierDetail操作方法。

But what problem is it raise error after calling action method named SupplierDetail . 但是什么问题是在调用名为SupplierDetail操作方法后引发错误。

So I traced the code by using javascript alert function . 因此，我使用javascript alert function跟踪了代码。 

jqXHR.responseText --> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>SupplierDetail</title>
<link href="/Content/themes/Redtheme/theme.css" rel="stylesheet" type="text/css" />
<link href="/Content/themes/Redtheme/style.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script src="/Scripts/modernizr-2.0.6-development-only.js" type="text/javascript">    </script>
<link href="/Scripts/jqgrid_utils/css/cupertino/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
<link href="/Scripts/jqgrid_utils/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jqgrid_utils/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.base.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.celledit.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.common.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.custom.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.filter.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.formedit.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.grouping.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.import.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.inlinedit.js" type="text/javascript">    </script>  
<script src="/Scripts/jqgrid_utils/grid.jqueryui.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.loader.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.subgrid.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.tbltogrid.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/grid.treegrid.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/jqDnR.js" type="text/javascript"></script>  
<script src="/Scripts/jqgrid_utils/jqModal.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/jquery.fmatter.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/JsonXml.js" type="text/javascript"></script>
<script src="/Scripts/jqgrid_utils/jquery.jqGrid.min.js" type="text/javascript">    </script>
</head>
<body>
<div id="container">
<div id="header">
    <div>
        <h2>POS 2012</h2>
    </div>
    <div id="topmenu">
        <ul>
            <li class="current"><a href="./MemberRegistration.jsp">Suppliers</a></li>
            <li><a href="./RetailerRegistration.jsp">Products</a></li>
            <li><a href="./Index.jsp">SupplierOrder</a></li>
            <li><a href="#">Contact us</a></li>
        </ul>
    </div>
</div>
<div id="wrapper">
<h2>SupplierDetail</h2>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript">    </script>
<form action="/Supplier/SupplierDetail/" method="post">    <fieldset>
    <legend>Supplier</legend>
    <div class="editor-label">
        <label for="SupplierName">SupplierName</label>
    </div>
    <div class="editor-field">
        <input class="text-box single-line" id="SupplierName" name="SupplierName" type="text" value="" />
        <span class="field-validation-valid" data-valmsg-for="SupplierName" data-valmsg-replace="true"></span>
    </div>
    <div class="editor-label">
        <label for="Address">Address</label>
    </div>
    <div class="editor-field">
        <input class="text-box single-line" id="Address" name="Address" type="text" value="" />
        <span class="field-validation-valid" data-valmsg-for="Address" data-valmsg-replace="true"></span>
    </div>
    <div class="editor-label">
        <label for="Phone">Phone</label>
    </div>
    <div class="editor-field">
        <input class="text-box single-line" id="Phone" name="Phone" type="text" value="" />
        <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>
    </div>
    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
</form>
<div>
<a href="/">Back to List</a>
</div>
</div>
<div id="footer">
    <div id="credits">
        Copy right &copy; ....
    </div>
    <br />
</div>
</div>
</body>
</html>
jqXHR --> [object Object]
textStatus --> parsererror 
errorThrown --> SyntaxError: JSON.parse: unexpected character

Every suggestion will be appreciated. 每个建议将不胜感激。

2 个解决方案

解决方案1
 3 已采纳  2012-05-21 09:26:22

看起来您期望服务器发出HTML响应-因此您需要将dataType选项的值更改为“ html”，（或将其完全删除）。

解决方案2
 3  2012-05-21 10:04:17

[HttpPost]
public JsonResult SupplierDetailTest(int SupplierID)
{
    int test = SupplierID;
    return Json(true, JsonRequestBehavior.AllowGet);
}


$(document).ready(function () {
    $('#list .clsRowButtonClick').live('click', function () {
        var SupplierID = $(this).attr('RowID');

        $.ajax({
            url: "/Supplier/SupplierDetailTest/", type: "POST", dataType: "json",
            data: { SupplierID: SupplierID },
            //contentType: "application/json; charset=utf-8",
            success: function (data) {
                alert("success");
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert("jqXHR.responseText --> " + jqXHR.responseText + "\njqXHR --> " + jqXHR + "\ntextStatus --> " + textStatus + " \nerrorThrown --> " + errorThrown);
            }
        });
    });
});

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 ASP.NET MVC 不触发 jQuery Ajax POST - ASP.NET MVC does not fire jQuery Ajax POST ASP.NET MVC 5 JsonResult和Ajax-MVC JQuery错误 - ASP.NET MVC 5 JsonResult & Ajax - MVC JQuery error ASP.NET MVC Ajax发布函数发送空值 - ASP.NET MVC ajax post function sending null values ASP.Net MVC ajax总是返回错误（路由问题） - ASP.Net MVC ajax always return error (issues with routing) javascript、jQuery 和 ajax 函数在 asp.net MVC 中无法正常工作 - javascript, jQuery and ajax function not working properly in asp.net MVC ASP.NET MVC JQuery Ajax函数没有触发 - ASP.NET MVC JQuery Ajax function not firing 使用jQuery的ASP.NET MVC AJAX - ASP.NET MVC AJAX with jQuery asp.net MVC 4问题与Ajax功能 - asp.net mvc 4 issue with ajax function 路由asp.net mvc时出现AJAX错误 - AJAX error in routing asp.net mvc 如何使用AJAX Post调用ASP.NET MVC Controller操作并返回新的View？ - How to use AJAX Post to invoke ASP.NET MVC Controller action and return new View?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM