如何通过从jquery ajax调用get方法显示数据?

时间:2018-11-02 12:29:39

标签: c# jquery asp.net ajax asp.net-mvc

我正在用ASP.NET MVC开发在线酒店管理系统。我有一个项目列表,每个项目都有一个复选框,用于在要添加时将其添加到订单列表中。问题是,每当我单击“添加到订单”按钮时,我都会收到“错误警报”。我希望调用Order Controller的Get Method,以便其中的数据应显示在视图中。还检查我的发帖方法是否正确?

 <div class="form-group">
     <div class="col-md-offset-2 col-md-2">
        <input value="Add to Orders" class="btn btn-primary"        onclick="submitItems()" />
        @*<input id="submit" value="Place an Order" class="btn btn-   primary" onclick="" />*@
    </div>
</div>
<script>

    //$('#submit').on('click', function (e) {
    //    e.preventDefault();
    var submitItems = function () {

        var arrItems = [];
        var commaSepratedValues = "";
        $("#itemList input[type=checkbox]").each(function (index, val) {
            debugger;
            var checkedId = $(val).attr("id");
            var arr = checkedId.split("_");
            var currentItemId = arr[1];
            var isChecked = $("#" + checkedId).is(":checked", true);
            if (isChecked) {
                arrItems.push(currentItemId);
            }
        })

        if (arrItems.length != 0) {
            commaSepratedValues = arrItems.toString();
            $.ajax({
                url: "/Order/Create",
                type: "GET",
                data: { ItemList: commaSepratedValues },
                success: function (data) {
                    alert('success');
                },
                error: function () { alert('error'); }

            });

        }

    }
</script>

上面是执行我的函数然后出现问题的代码。

Main Menu Step 1 Step 2 step 3

0 个答案:

没有答案