使用CodeIgniter中的JSON數據自動填充輸入框

對不起，我正在絞盡腦汁，而且我很長一段時間都沒有用過它。我有一個表單，您可以將電話號碼添加到更改中，並向數據庫提交AJAX調用，該數據庫將查詢數據和查詢的數據庫。然後發送一個響應回頁面，我通過Firefox中的Firebug看到響應值，但是對於我來說，我無法弄清楚如何獲取數據來更新文本框中的信息。任何幫助都會很棒。這也是使用CodeIgniter的框架，數據是json_ecoded。使用CodeIgniter中的JSON數據自動填充輸入框

這裏是我的輸入字段，用戶填寫的customer_phone並改變其提交AJAX調用併發送回看起來像這樣的迴應：

<input type="text" name="customer_phone" id="customer_phone" value="" /> 
<input type="text" name="customer_name" id="customer_name" value="" /> 
<input type="text" name="customer_address" id="customer_address" value="" />

這裏是Ajax調用。

$('#customer_phone').change(function() { 
    var form_data = { 
    customer_phone : $('.customer_phone').val(), 
    ajax : '1' 
    }; 
    $.ajax({ 
    url: "<?php echo site_url('home/customer_search'); ?>", 
    type: 'POST', 
    async : false, 
    data: form_data, 
    dataType: 'json', 
    success: function(datas) { 
     $('.customer_name').val(datas['customer_name']); 
    } 
    }); 
    return false; 
});

我只是想不通，一旦網頁接收來自後端我如何更新與數據庫中的值在文本框中的字段的響應。

這是我通過Firebug的

[{ 
    "customer_phone_number": "4124020388", 
    "id": "2", 
    "customer_name": "Fudgie Wudgie", 
    "customer_address_1": "3811" 
}]

來源

2015-01-17 lostintheworld

你的輸入框有id =「customer_name」;所以在成功塊中使用$（'＃customer_name'）。val（datas ['customer_name']）; –

Mayank，感謝在發佈這個問題之前嘗試過。 – lostintheworld

嘗試提醒警報（數據['customer_name']）。你得到'Fudgie Wudgie'嗎？ –

它看起來像返回的JSON是多維的，在所有你的價值觀（CUSTOMER_NAME等）是一個關鍵的下，在這種情況下0

這樣你就可以訪問它：

datas[0]['customer_name']

這裏有一個的jsfiddle其中第一個彈出式是在你的代碼的方式，和第二彈出使用[0]：http://jsfiddle.net/wqfp1k1b/

而且如前所述，使用＃代替。在字段的ID的選擇器中。

編輯

看到你已經解決了你自己的問題。對不起沒有看到你回答了有關看到這個問題的答案。

來源

2015-01-18 03:12:47 ijustin

更改接收到該行的迴應：你爲什麼要使用返回false

$('#customer_name').val(datas.customer_name);

來源

2015-01-17 04:54:52 Joerg

安迪，我已經嘗試了這種方式以及發佈前的問題仍然沒有做任何事情輸入字段保持空白 – lostintheworld

：

$('.customer_name').val(datas['customer_name']);

這一個。刪除：

$('.customer_name').val(datas['customer_name']); //you cannot access object like this.

而是使用：

$('.customer_name').val(datas.customer_name);

來源

2015-01-17 05:19:02 user254153

首先，應該有一個#因爲你在這裏使用IDS，

$('#customer_name').val(datas['customer_name']);

，並在你的PHP頁面，轉換數組轉換成帶有json_encode函數的json。

然後ajax調用應該返回沒有方括號的json數據，您的當前代碼將工作。

來源

2015-01-17 05:26:08

也檢查[從JSON刪除方括號]（http://stackoverflow.com/questions/19699452/如何去除的正方形支架從 - JSON） –

使用CodeIgniter中的JSON數據自動填充輸入框

回答

相關問題