通过 PHP 文件查询的表单条目和使用 JQuery AJAX 输出 PHP 文件的结果
Form entries to query via PHP file and output result of PHP file using JQuery AJAX
这是我的html-简单表单,有两个文本输入:
<div id="content">
<div id="options">
<form id="form1">
<table>
<tr>
<td>Date:</td>
<td><input name="date" type="text" id="datepicker" /></td>
</tr>
<tr>
<td>Size:</td>
<td><input name="size" type="text" /></td>
</tr>
<tr>
<td colspan="2"><input name="submit" type="submit" value="Submit"/></td>
</tr>
</table>
</form>
</div>
<div id="result"> </div>
</div>
我正在尝试在提交时获取此表单的结果以查询MySQL数据库"/details.php",然后将PHP文件的结果输出到DIV"结果"中。 我正在努力将变量传递给 PHP 文件并将结果输出到 DIV。 我知道我必须使用一些JQuery AJAX,但我正在努力让它工作。
这是我当前的 AJAX 脚本:
<script>
$('#form1').submit(function(e) {
e.preventDefault(); // stops form from submitting naturally
$.ajax({
data: $(this).serialize(),
url: '/details.php',
success: function(response) {
$('#result').html(response);
}
});
});
</script>
在我的PHP文件中,我试图通过以下方式获取变量:
$date=$_GET['date'];
$size=$_GET['size'];
然后我使用 SQL 查询连接到数据库并回显结果。 任何关于我可能出错的建议。 感谢您的帮助!
Edit
你必须将你的jQuery代码包装在一个domReady事件处理程序中,如下所示:
$(function() {
// all your jQuery code goes here!
});
下面是一个适用于现有代码的小提琴:http://jsfiddle.net/89A2m/
更改:
<form id="form1">
自
<form id="form1" onsubmit="return false;">
那么你在 jquery ajax 的"成功"中做 JavaScript
在完成任何操作之前尝试在 PHP 文件中添加回显,以确保您进入页面并添加
if (window.console != undefined) {
console.log(response);
}
就在$('#result').html(response);
线下,看看 PHP 吐出什么。您还可以添加另一个console.log('whatever')
作为$('#form1').submit(function(e) {
函数的最后一行,以帮助缩小范围。
尝试使用回调或更改为 POST。
回调:简单的jQuery,PHP和JSONP示例?
使用帖子....HTML
<form id="form1" method="POST">
<table>
<tr>
<td>Date:</td>
<td><input name="date" type="text" id="datepicker" /></td>
</tr>
<tr>
<td>Size:</td>
<td><input name="size" type="text" /></td>
</tr>
<tr>
<td colspan="2"><input name="submit" type="submit" value="Submit"/></td>
</tr>
</table>
</form>
.JS
<script>
$('#form1').submit(function(e) {
e.preventDefault(); // stops form from submitting naturally
$.ajax({
data: $(this).serialize(),
url: 'details.php',
method: 'POST',
success: function(response) {
$('#result').html(response);
}
});
});
</script>
并在您的 PHP 中
$date=$_POST['date'];
$size=$_POST['size'];
相关文章:
- 如何在php文件中获取$.post-ajax传递的值
- Javascript运行php文件,然后下载文件
- 通过Ajax将JavaScript函数传递给PHP文件
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 通过ajax到php文件获取单选按钮值
- 每天用javascript包含不同的php文件
- 如何使用javascript调用Php文件
- 如何使用php文件中的GET来获取我在.js文件中声明的变量
- 在CodeIgniter视图中将Javascript或jQuery代码作为PHP文件编写可以吗
- CORS:否'访问控制允许来源'header-但是php设置头文件
- 用PHP发送html表单和文件附件
- 动态地包含来自外部文件PHP的JavaScript
- 向文件 php 表单提交添加多个输入
- 将web服务响应转换为PDF文件- PHP, Javascript
- 基于XML文件(PHP, Jquery)的页面生成
- 如何使用jQuery.ajax发送请求到文件php
- 显示数据下拉列表从另一个文件(php,mysql,javascript)
- 两个电子邮件在同一个文件php
- 从mysql中存储和检索用户js文件.php
- 组织3个文件:PHP、HTML、JS和Smarty