如何修复“客户”显示对象

时间:2018-11-26 12:39:12

标签: jquery ajax

如何修复“客户”显示对象 我尝试加载ajax内容,但显示为[object Object]。有人可以帮忙吗?

 $("body").on("click", "#btnSave", function () {
            //Loop through the Table rows and build a JSON array.
            var customers = new Array();
            $("#tblCustomers TBODY TR").each(function () {
                var row = $(this);
                var customer = {};
                customer.Name = row.find("TD").eq(0).html();
                customer.Country = row.find("TD").eq(1).html();
                customers.push(customer);
            });
             console.log(customers);

            //Send the JSON array to Controller using AJAX.
            $.ajax({
                type: "POST",
                url: "/Home/InsertCustomers",
                data: JSON.stringify(customers),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    alert(r + " record(s) inserted.");
                }
            });
        });

2 个答案:

答案 0 :(得分:0)

如果看到<div id='div1'>This is the first div</div> <div id='div2'>This is the second div</div>,则表示[object Object]是一个对象。这就是将具有默认r的对象转换为字符串(例如,通过toString将其与字符串组合)时得到的结果。

您需要查看对象是什么,以便从中查找要显示的属性。您可以使用浏览器内置的调试器(在当前+行上设置断点)或浏览器的“网络”标签(查看ajax响应内容,显然是JSON)来做到这一点。

答案 1 :(得分:0)

您可以尝试以下代码。您的接收对象,请检查控制台屏幕。

var name = row.find("TD").eq(0).html();
var country = row.find("TD").eq(1).html();
$.ajax({
                type: "POST",
                url: "/Home/InsertCustomers",
                data: {Name : name,Country : country},
                dataType: "json",
                success: function (r) {
                    console.log(r);
                }
            });