請參考我的以下代碼。我想使用ajax在視圖中顯示數據，但出現錯誤[對象]

Question

這是我的控制器，這里我獲取數據沒問題。

public function getSupplierByID(){$supplier_id = $this->input->post('supplier_id');
        if($supplier_id !=''){
            $data= $this->Supplier_model->getSupplierByid($supplier_id);
            echo json_encode($data);
         }
    }

這是我的javascript

<script type="text/javascript" language="javascript">
$(document).ready(function () {
    $('#sel_supplier_name').change(function () {
        var supplier = $(this).val();

        $.ajax({
            url: "<?php echo base_url() . 'index.php/get/supplier'; ?>",
            type: "POST",
            data: "supplier_id=" + supplier,
            datatype: 'json',

            success: function (data) {
                //alert(data);
                //exit();
                alert($('#txt_contact_perName').val(data.contact_prsn_name));
                );
        });
    });
});

這就是我的回應。

[{"supp_id":"2","supplier_id":"3","products_id":"5","company_id":"5","power":"25","quantity":"300","rate":"52","min_level":"20","max_level":"200","CGST":"5%","SGST":"5%","total":"10000","added_date":"0000-00-00 00:00:00","updated_date":"0000-00-00 00:00:00","prefix":"Mr.","first_name":"abc","middle_name":"balaso","last_name":"tanugade","gender":"Male","contact_no":"123456789","email_id":"sangram@gmail.com","contact_prsn_name":"ssss","contact_prsn_no":"9158424290","address_line1":"por","address_line2":"xyz","country_id":"0","state_id":"0","city_id":"0","postal_code":"0","product_name":"EMLA cream","company_name":"Hindustan Antibiotics"},{"supp_id":"2","supplier_id":"3","products_id":"5","company_id":"5","power":"25","quantity":"300","rate":"52","min_level":"20","max_level":"200","CGST":"5%","SGST":"5%","total":"10000","added_date":"0000-00-00 00:00:00","updated_date":"0000-00-00 00:00:00","prefix":"Mr.","first_name":"abc","middle_name":"balaso","last_name":"tanugade","gender":"Male","contact_no":"123456789","email_id":"sangram@gmail.com","contact_prsn_name":"ssss","contact_prsn_no":"9158424290","address_line1":"por","address_line2":"xyz","country_id":"0","state_id":"0","city_id":"0","postal_code":"0","product_name":"EMLA cream","company_name":"Acadia Pharmaceuticals"}]

當我發出警報時，出現[object object]錯誤。 請給我解決方法。 提前致謝。

Answer 1

您將在alert(data);上獲取[object object] alert(data); 因為數據是對象數組。

數據有2個元素，您可以使用.forEach循環每個元素

喜歡：

data.forEach(function(v) {
  console.log( v["contact_prsn_name"] );  
});

要訪問數組的第一個元素，您可以

alert( data[0]["contact_prsn_name"] );

---

循環代碼段：

 $(document).ready(function() { var data = [{ "supp_id": "2", "supplier_id": "3", "products_id": "5", "company_id": "5", "power": "25", "quantity": "300", "rate": "52", "min_level": "20", "max_level": "200", "CGST": "5%", "SGST": "5%", "total": "10000", "added_date": "0000-00-00 00:00:00", "updated_date": "0000-00-00 00:00:00", "prefix": "Mr.", "first_name": "abc", "middle_name": "balaso", "last_name": "tanugade", "gender": "Male", "contact_no": "123456789", "email_id": "sangram@gmail.com", "contact_prsn_name": "ssss", "contact_prsn_no": "9158424290", "address_line1": "por", "address_line2": "xyz", "country_id": "0", "state_id": "0", "city_id": "0", "postal_code": "0", "product_name": "EMLA cream", "company_name": "Hindustan Antibiotics" }, { "supp_id": "2", "supplier_id": "3", "products_id": "5", "company_id": "5", "power": "25", "quantity": "300", "rate": "52", "min_level": "20", "max_level": "200", "CGST": "5%", "SGST": "5%", "total": "10000", "added_date": "0000-00-00 00:00:00", "updated_date": "0000-00-00 00:00:00", "prefix": "Mr.", "first_name": "abc", "middle_name": "balaso", "last_name": "tanugade", "gender": "Male", "contact_no": "123456789", "email_id": "sangram@gmail.com", "contact_prsn_name": "ssss", "contact_prsn_no": "9158424290", "address_line1": "por", "address_line2": "xyz", "country_id": "0", "state_id": "0", "city_id": "0", "postal_code": "0", "product_name": "EMLA cream", "company_name": "Acadia Pharmaceuticals" }]; //This is how you update the div data.forEach(function(v) { $("#txt_contact_perName").append(v.contact_prsn_name); $("#txt_contact_perName").append("<br />"); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="txt_contact_perName"></div>