-3

目前我有一个按钮：

<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 弄清楚。

根据我目前的想法，我需要以下帮助：

  1. 如何将表单数据传递给 javascript 函数。
  2. 如何使用 POST 通过 AJAX 将该数据传递给 PHP？

我对 javascript 和 AJAX 非常陌生。我已经研究了 jquery，因为这似乎是要走的路，但我无法弄清楚。如果有更好的方法可以做到这一点，我愿意接受建议。请原谅任何术语的滥用。

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

4

2 回答 2

1

此示例直接从 jQuery API 文档复制而来$.post。如有疑问，首先要查看 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;
})
于 2012-06-20T21:13:01.873 回答
0

参考jQuery.post方法。它做你想做的事（发送带有 POST 数据的 AJAX 请求）。

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

于 2012-06-20T21:12:05.730 回答