Javascript ajax将表单数据传递到另一个php页面

Javascript ajax将表单数据传递到另一个php页面,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,大家好,我需要帮助,我在一个php页面上有一个表单,希望使用ajax传递到另一个php页面,该页面将更新我的数据库,然后返回结果 <form name="profile" class="profile"> <table> <tbody> <tr> <td><lable>First Name: </lab

大家好,我需要帮助,我在一个php页面上有一个表单,希望使用ajax传递到另一个php页面,该页面将更新我的数据库,然后返回结果

   <form name="profile" class="profile">
        <table>
            <tbody>
                <tr>
                    <td><lable>First Name: </lable><input type="text" class="input1" id="fname" name="fname" value="<?php echo $fname[0]; ?>" /></td>
                    <td><lable>Last Name: </lable><input type="text" class="input1" id="lname" name="lname"  value="<?php echo $fname[1]; ?>" /></td>
                </tr>
                <tr>
                    <td><lable>Email: </lable><input type="text" class="input1" id="email" name="email"  value="<?php echo $fname[2]; ?>" /></td>
                    <td><lable>Phone: </lable><input type="text" class="input1" id="phone" name="phone"  value="<?php echo $fname[3]; ?>" /></td>
                </tr>
                <tr>
                    <td><lable>Address 1: </lable><input type="text" class="input1" id="add1" name="add1"  value="<?php echo $fname[4]; ?>" /></td>
                    <td><lable>Address 2: </lable><input type="text" class="input1" id="add2" name="add2"  value="<?php echo $fname[5]; ?>" /></td>
                </tr>
                <tr>
                    <td><lable>City: </lable><input type="text" class="input1" id="city" name="city"  value="<?php echo $fname[6]; ?>" /></td>
                    <td><lable>State: </lable><input type="text" class="input1" id="state" name="state"  value="<?php echo $fname[7]; ?>" /></td>
                    <td>zip: </lable><input type="text" class="input1" id="zip" name="zip"  value="<?php echo $fname[8]; ?>" /></td>    
                </tr>
                <tr>
                    <td><lable>Occupation: </lable><input type="text" class="input1" id="job" name="job"  value="<?php echo $fname[9]; ?>" /></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Save" onclick="profileSave();" /></td>
               </tr>
           </tbody>
       </table>

当您单击“保存”但屏幕刷新但不使用表单上编辑的信息更新数据库时。请帮忙,谢谢。

您是否要关闭表单?您尚未显示
标记。此外,为什么不简单地序列化表单以获取所有值,而不是使用js获取每个值,但不要忘记为每个输入指定一个名称

var formData = $('[name=profile]').serialize();
然后在AJAX中

data: formData;
同样对于标签-您应该将它们与输入的id绑定(对于屏幕阅读器和可访问性:

<label for="fname">First Name: </label>
<input type="text" class="input1" id="fname"....
名字:

添加event.preventDefault();在函数末尾

一件事,您将所有应读为
都错放了。从这些开始。可能是拼写错误,但缺少#对于zip选择器,在state和zip.val上,您都缺少了()?是否有任何数据通过或只是部分通过?检查您的控制台,如删除拼写错误,并在我的save_profile.php中发现一个错误。感谢您的帮助,解决了现在看来很愚蠢且很糟糕的问题。也感谢所有人的第二组眼睛。
<label for="fname">First Name: </label>
<input type="text" class="input1" id="fname"....