将MySQL数据加载到现有表单而不重新加载页面

时间:2013-01-16 21:33:37

标签: php html mysql forms

我在页面上有一个用于“添加/编辑位置”的表单。这是我的表格:

<form id='locationEditForm' name='locationEditForm'>
<table width='50%'>
<tr><td colspan='2'><hr></td></tr>
<tr><td colspan='2'><button type='submit' name='save' id='save'>Lookup Location By ID: </button>
<input type='text' size='10' name='locationToEdit'><br/><br/></td></tr>

<tr><td>Name:</td><td><input type='text' name='locationName'/></td></tr>
<tr><td>URL:</td><td><input type='text' name='locationURL'/></td></tr>
<tr><td>Coordinates:</td><td><input type='text' name='locationCoords'/></td></tr>
<tr><td>Address:</td><td><textarea name='locationAddress' rows='4' cols='40'></textarea></td></tr>
<tr><td>Phone:</td><td><input type='text' name='locationPhone'/></td></tr>
<tr><td>Hours:</td><td><textarea name='locationHours' rows='3' cols='40' wrap='soft'/></textarea></td></tr>

<tr><td colspan='2'><button type='submit' name='save' id='save'>Save Changes</button>
<button type='button' class="cancel">Cancel</button></td></tr>
</table>
</form>

我将表单元素包装在表中只是为了保持输入框现在以“快速和脏”的方式对齐。

无论如何,正如您所看到的,我有一个按钮和输入区域供用户按ID“查找”现有位置。这样可以编辑现有位置。我理解如何使该按钮“提交”到我的PHP代码然后查找数据库中的位置,但我的问题是这个 - 是否可以在MySQL数据库中查找位置并将信息加载到现有的表单没有导致页面重新加载,就像我发布表单时一样?

理想情况下,我想现有位置的数据只是“弹出”到表单中,而不会重新加载整个页面。我该如何做这样的事情?

非常感谢!

2 个答案:

答案 0 :(得分:0)

您正在寻找的技术通常称为Ajax。在您的情况下,您需要向另一个PHP脚本提交XMLHttpRequest(),该脚本返回您可以使用的数据。要插入到表单中的HTML,或者您解析并用于更新字段值的JSON数据都是不错的选择。

有很多关于如何为Ajax请求创建PHP / MySQL端点的资源。这些搜索字词可以帮助您入门。祝你好运!

答案 1 :(得分:0)

确实如此,你必须使用javascript。我建议你看看Jquery。它是$.ajax$.post函数。