使用Ajax檢索數據並使用ajax填充輸入字段

Question

我有一個包含大量輸入字段的頁面。我正在使用Jquery一次性使用數據獲取表單的所有值：$（「＃profile」）。serialize（）。

由於我的MySQL列與我的輸入字段具有相同的名稱。是否有一個容易從我的數據庫中選擇*並使用jquery/ajax將結果加載到相應的字段中？也許是一個例子或鏈接？

感謝， 斯科特

編輯：爲幫助好，謝謝，但我還是有點失落，並沒有得到它的工作，這裏是我到目前爲止有：

<script type="text/javascript"> 
$(window).load(function(){ 
$.ajax({ 
url: "/profile_functions/profile_about_retrieve.php", 
type: 'POST', 
data: allFormFields, 
success: function(){ 
    //console.log('done'); 
} 
}); 

jQuery(#profile).find(":input").each(function(key, val) { 
fieldName = jQuery(this).attr("name"); 
if(fieldName != "" && fieldName != undefined) { 
    allFormFields[fieldName] = jQuery(this).val(); 
    } 
}); 
}); 
</script> 

而且從我的分貝一個小的測試數據通過json_encode

[{"key":"test","value":"9"}] 

和HTML

被echo'ed 210

<form id="profile" method="post"> 
<input type="text" name="test" 
</form> 

Answer 1

  jQuery(formId).find(":input").each(function(key, val) { 

       fieldName = jQuery(this).attr("name"); 

       if(fieldName != "" && fieldName != undefined) { 
        allFormFields[fieldName] = jQuery(this).val(); 
       } 
      }); 

使用allFormFields陣列發送到PHP端點

    $.ajax({ 
         url: url, 
         type: 'POST', 
         data: allFormFields, 
         success: function(){ 
          console.log('done'); 
         } 
        });