使用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'); 
         } 
        });