我正在尝试将数据从表单发送到数据库 . 这是我正在使用的表单:
<form name="foo" action="form.php" method="POST" id="foo">
<label for="bar">A bar</label>
<input id="bar" name="bar" type="text" value="" />
<input type="submit" value="Send" />
</form>
典型的方法是提交表单,但这会导致浏览器重定向 . 使用jQuery和Ajax,是否可以捕获所有表单的数据并将其提交给PHP脚本(例如,form.php)?
11 回答
HTML :
JavaScript :
我用这种方式 . 它提交所有文件
要使用jQuery发出ajax请求,可以通过以下代码执行此操作
HTML:
JavaScript:
Method 1
Method 2
从jQuery 1.8开始,不推荐使用
.success()
,.error()
和.complete()
回调 . 要准备最终删除的代码,请改用.done()
,.fail()
和.always()
.MDN: abort() . 如果已经发送了请求,则此方法将中止请求 .
所以我们现在已成功发送ajax请求,以便将数据提取到服务器 .
PHP
当我们在ajax调用(
type: "post"
)中发出POST请求时,我们现在可以使用$_REQUEST
或$_POST
获取数据你也可以通过以下方式看到你在POST请求中得到的内容,顺便说一下,确保$ _POST设置为其他方式你会得到错误 .
并且您正在向数据库插入值,确保您在进行查询之前正确敏感或转义所有请求(天气您做GET或POST),Best将使用预备语句 .
如果您想将任何数据返回到页面,您可以通过回显下面的数据来实现 .
而且你可以得到它
有几个Shorthand Methods你可以使用下面的代码它做同样的工作 .
处理ajax错误和加载程序在提交之前和提交成功后显示警告引导框的示例:
我想分享一个详细的方法,如何发布PHP Ajax以及失败时抛出的错误 .
首先,创建两个文件,例如
form.php
和process.php
.我们将首先创建一个
form
,然后使用jQuery
.ajax()
方法提交 . 其余部分将在评论中解释 .form.php
使用jQuery客户端验证验证表单并将数据传递给
process.php
.现在我们来看看 process.php
项目文件可以从http://projects.decodingweb.com/simple_ajax_form.zip下载 .
我使用这个简单的一行代码多年没有问题 . (它需要jquery)
这里ap()表示ajax页面,af()表示ajax表单 . 在一个表单中,只需调用af()函数就会将表单发布到url并在所需的html元素上加载响应 .
您可以使用序列化 . 以下是一个例子 .
Example:
嗨,请检查这是完整的ajax请求代码 .
.ajax的基本用法如下所示:
HTML:
JQuery:
注意:由于不推荐使用jQuery 1.8,
.success()
,.error()
和.complete()
,而使用.done()
,.fail()
和.always()
.注意:请记住,上面的代码片段必须在DOM准备好之后完成,因此您应将其放在$(document).ready()处理程序中(或使用
$()
简写) .提示:您可以chain这样的回调处理程序:
$.ajax().done().fail().always();
PHP (that is, form.php):
注意:始终sanitize posted data,以防止注入和其他恶意代码 .
您也可以在上面的JavaScript代码中使用简写.post代替
.ajax
:注意:上面的JavaScript代码适用于jQuery 1.8及更高版本,但它应该可以使用以前的版本到jQuery 1.5 .