Question

目前我有一个按钮：

<ul>
    <li><button onclick="display('1')">1</button></li>
    <li><button onclick="display('2')">2</button></li>
    <li><button onclick="display('3')">3</button></li>
</ul>

按下时，调用javascript函数，并根据使用AJAX按下哪个按钮显示PHP。我自己想出了这一切。 AJAX获取一个带有postgres查询的PHP文件，该查询将一个数据表输出到div。

现在我希望能够通过表单添加新数据并刷新（不重新加载页面，yannknow？）。我尝试过几件事，每次都遇到障碍。

我最初的想法是让表单使用javascript函数和AJAX提交数据，然后在查询后调用我的“display()”函数来重新加载内容。我只是无法用GoogleFu弄明白。

根据我目前的想法，我希望得到以下帮助：

如何将表单数据传递给javascript函数。
如何使用POST使用AJAX将数据传递给PHP？

我是javascript和AJAX的新手。我已经调查了jquery，因为它似乎是要走的路，但我无法弄明白。如果有更好的方法来做到这一点，我愿意接受建议。请原谅任何滥用命名法的行为。

编辑：一旦我解决了这个问题......，我将拥有初步完成项目所需的所有工具。

Answer 1

此示例直接从$.post的jQuery API文档中复制。如有疑问，首先要查看的是API

http://api.jquery.com/jQuery.post/

示例：使用ajax请求发送表单数据

$.post("test.php", $("#testform").serialize(), function(data){
   /* success- do something with returned data*/
});

现在进一步扩展概念并将帖子包装在表单

的提交处理程序中

$("#testform").submit(function(){
/* code from above, changing form selector to "this" */
  $.post("test.php", $(this).serialize(), function(data){
       /* success- do something with returned data*/
    });    
/* prevent browser default submit*/
  return false;
})

Answer 2

请参阅jQuery.post方法。它做你想要的（用POST数据发送AJAX请求）。

要从输入中获取值，请对具有值的节点使用val()方法（textarea，input，..）

使用AJAX将数据POST到PHP数据库，然后刷新

2 个答案: