我有一个表单,我想用post方法提交表单,但没有刷新页面,但这里的post不起作用 $(文档).ready(函数(){ $('#form1').bind('click',函数(事件){ event.preventDefault();//使用此页面停止刷新 $.ajax({type:'POST', url:'car1.php', 数据:$('#form1')。序列化(), 成功:函数(){ //警报(“表格已提交”); $(“#所有年”).hide(); $(“#单击结果”).show();}}});}); //年展 而($row\u year1=mysql\u fetch\u数组($result\u year1)) { ?> //结果
我不知道为什么人们会对这个问题投反对票,但你的问题是你的事件侦听器。你正在检查表单是否已被单击,而不是表单是否已提交。如果你想使用我有一个表单,我想用post方法提交表单,但没有刷新页面,但这里的post不起作用 $(文档).ready(函数(){ $('#form1').bind('click',函数(事件){ event.preventDefault();//使用此页面停止刷新 $.ajax({type:'POST', url:'car1.php', 数据:$('#form1')。序列化(), 成功:函数(){ //警报(“表格已提交”); $(“#所有年”).hide(); $(“#单击结果”).show();}}});}); //年展 而($row\u year1=mysql\u fetch\u数组($result\u year1)) { ?> //结果,php,jquery,Php,Jquery,我不知道为什么人们会对这个问题投反对票,但你的问题是你的事件侦听器。你正在检查表单是否已被单击,而不是表单是否已提交。如果你想使用单击事件侦听器,你可以将其绑定到提交按钮。但这不是建议的,因为有时subm该按钮未被单击,用户按enter键触发表单提交。因此请使用表单上的submit事件侦听器 还有一些关于其他代码的注释 1) 不要再使用mysql\uuz函数了。它们现在已经被弃用了。你应该使用PDO或MySQLi。我更喜欢PDO,相信它将来会有更好的支持 2) 使嵌套代码均匀。在Javascr
单击事件侦听器,你可以将其绑定到提交按钮。但这不是建议的,因为有时subm该按钮未被单击,用户按enter键触发表单提交。因此请使用表单上的submit
事件侦听器
还有一些关于其他代码的注释
1) 不要再使用mysql\uuz
函数了。它们现在已经被弃用了。你应该使用PDO或MySQLi。我更喜欢PDO,相信它将来会有更好的支持
2) 使嵌套代码均匀。在Javascript中,最后一行上的所有标记都一起关闭。这很难理解。在我的代码示例中,您可以确切地看到发生了什么
3) 将Javascript和PHP分开。我不知道你是否为了这个问题而将它们组合在一起,但不要将它们放在同一个文件中
4) 为Ajax请求添加错误处理以及success
处理。在某个时刻,请求将失败,您需要提醒用户重试
<script type="text/javascript">
$(document).ready(function() {
$('#form1').bind('click', function (event) {
event.preventDefault();// using this page stop being refreshing
$.ajax({ type: 'POST',
url: 'car1.php',
data: $('#form1').serialize(),
success: function () {
// alert('form was submitted');
$("#allyears").hide();
$("#clickresult").show(); } }); });});
</script>
//year show
while($row_year1=mysql_fetch_array($result_year1))
{ ?>
<a href="#"><input type="submit" class="submitbutton1" tabindex="-1" name="submitbutton" value="<?php echo $row_year1['years']; ?>" id="show<?php echo $row_year1['years']; ?>" /></a>
<?php } ?>
//result
<?php
if(isset($_POST['submitbutton']))
{
$submitbutton=$_POST['submitbutton'];
echo $submitbutton;
}
?>
$(document).ready(function () {
$('#form1').bind('submit', function (event) {
event.preventDefault();
$.ajax({
type: 'POST',
url: 'car1.php',
data: $('#form1').serialize(),
success: function () {
alert('form was submitted');
}
});
});
});