php ajax在多個文本框中顯示數據庫中的數據

Question

每個人都是php和ajax的新手。
我正在編寫代碼以從mysql數據庫中獲取數據並在文本框中顯示它們，但無法正常工作。

這是我的代碼。
我需要你的幫助。
提前致謝

    $('#btn_get').on('click', function(){
     $.ajax({
       type    : "get",
       url     : '/path/to/php/file',       
       success : function(data)
       {
         $('#input-box1').val(data);
         $('#input-box2').val(data);
       }
     });
    });

    <input type="text" id="input-box1">
     <input type="text" id="input-box2">
    <button type="button" id="btn_get">Click</button>

    //get data from db here
    $textbox1 = 'foo';
    $textbox2 = 'deen';
    echo $textbox1;
    echo $textbox2;

Answer 1

以下是一些方法，也許它們可以為您提供幫助：

1. 第一種方法是檢查您的控制台，以確保jQuery版本允許您使用$ .ajax（）資源。 某些jQuery版本（例如“ slim”）不提供ajax調用。

2. 一旦檢查完，就將屬性錯誤放入ajax調用中：

$('#btn_get').on('click', function(){
 $.ajax({
   type    : "get",
   url     : '/path/to/php/file',       
   success : function(data)
   {
     $('#input-box1').val(data);
     $('#input-box2').val(data);
   },
   error: function(xhr, ajaxOptions, thrownError) {
       console.log(xhr);
   }
 });
});

如果您有錯誤響應，則可以通過瀏覽器的控制台工具（F12）進行識別。

3. 檢查您的/ path / to / php / file ，以確保您的文件確實存在。
4. 請記住， 成功回調將您的echo命令作為字符串獲取。 因此，您的回報可能是這樣的：

foodeen

一個好的方法是返回一個json響應：

$textbox1 = 'foo';
$textbox2 = 'deen';
echo json_encode(array($textbox1 ,"textBox1"));

最后，當您的響應在成功回調中執行時，您將能夠將其從純字符串轉換為json格式：

$('#btn_get').on('click', function(){
 $.ajax({
   type    : "get",
   url     : '/path/to/php/file',       
   success : function(data)
   {
     var response = JSON.stringify(data);
     $('#input-box1').val(response[0]);
     $('#input-box2').val(response[1]);
   },
   error: function(xhr, ajaxOptions, thrownError) {
       console.log(xhr);
   }
 });
});