使用ajax从mysql中检索数据并填充输入字段

时间:2014-03-07 02:11:38

标签: php jquery mysql ajax

我有一个包含大量输入字段的页面。我正在使用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

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

1 个答案:

答案 0 :(得分: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');
                        }
                    });