【问题标题】:Using Ajax to send form data使用 Ajax 发送表单数据
【发布时间】:2010-12-01 00:49:23
【问题描述】:

我有一个 HTML/PHP 表单,使用 post 将表单数据发送到脚本 php 文件。我想在点击提交按钮时发送数据而不重新加载页面。

我想知道如何实现 AJAX 以允许此功能。

我精通 Javascript,但从未使用过 ajax 技术。

如果这个问题超出了本问答的范围,如果有人可以为我指明正确的方向,找到一个好的教程,这将使我能够实施这项技术,而不必花几天时间学习它是如何工作的。我的工作期限很短。

干杯。

【问题讨论】:

  • 我建议您从这里开始,它会简单地解释如何完成您需要的任务:captain.at/howto-ajax-form-post-get.php 在进入 Jquery 之前学习 javascript 和 Ajax 的基础知识,这样您就可以准确定位Jquery 问题也是如此。
  • @Codex73 为此欢呼。给了我很好的理解

标签: php ajax webforms


【解决方案1】:

如果这是你的第一次 AJAX 体验,我推荐一个好的工具包,比如 jQuery。

见:http://api.jquery.com/jQuery.ajax/

【讨论】:

  • 感谢 dkamins 我之前接触过 jQuery。我会检查一下:)
【解决方案2】:

您可以serialize 然后post 使用 jquery 形成数据,并可选择处理响应。

以下是来自 jquery 文档http://api.jquery.com/jQuery.post/ 的示例:

$.post("test.php", $("#testform").serialize());

【讨论】:

  • @kunal 谢谢。很有帮助
【解决方案3】:

你可以使用这个 jQuery 插件: http://www.matiasmancini.com.ar/jquery-plugin-ajax-form-validation-html5.html

它还具有表单验证功能,适用于 IE6。

【讨论】:

    【解决方案4】:

    基本上,您可以使用 jquery javascript 库并准备好所有很酷的漂亮功能,包括 ajax 功能,它允许您使用像 $.post() 这样简单的东西进行 ajax 调用。

    但如果您正在寻找step by step tutorial, then you might want to look at this

    【讨论】:

      猜你喜欢
      • 2014-03-06
      • 2015-08-21
      • 1970-01-01
      • 2016-02-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多