jquery表单发布未工作
我想用jquery发布一个表单,但我的代码不起作用。提交后,我的页面会刷新,问题出在哪里?等待帮助 jquery代码jquery表单发布未工作,jquery,Jquery,我想用jquery发布一个表单,但我的代码不起作用。提交后,我的页面会刷新,问题出在哪里?等待帮助 jquery代码 function submitForm() { var par1 = $('input[@name=my_radio][@checked]').val(); var par2 = $('input[@name=title]').val(); var par3 = $('input[@name=content]').val();
function submitForm() {
var par1 = $('input[@name=my_radio][@checked]').val();
var par2 = $('input[@name=title]').val();
var par3 = $('input[@name=content]').val();
$.ajax({
url: "r8.php",
dataType: "html",
type: 'POST',
data: "submit=" + par1 + "&title=" + par2 + "&content=" + par3,
success: function(data){
$("#response").html(data);
$('input[@name=title]').html('');
$('input[@name=content]').html('');
}
});
return false;
}
html代码:
<form method="post" id="post_form" name="post_form" onsubmit="return submitForm();">
<label>1: <input type="radio" name="my_radio" value="1" checked /></label>
<label>2: <input type="radio" name="my_radio" value="2" /></label>
<input id="title" name="title" type="text">
<input id="content" name="content" type="text">
<input type="submit" name="my_submit" id="my_submit" value="submit" />
</form>
<div id="response"></div>
1:
2:
和r8.php代码
<?php
if($_POST['submit']!=''){
echo $_POST['title']."|".$_POST['content']."|".$_POST['submit']."|".time();
}
?>
在java脚本submitform()函数中,接收如下值:
var par1 = $('input:radio[name=my_radio]:checked').val()
var par2 = $('#title').val();
var par3 = $('#content').val();
您的方法没有获取变量中的值。这就是为什么什么都没有发布。
我试过了,效果很好
编辑:
您需要做的是使用一种ajax方法发布表单,并将输出注入成功回调中的元素。例如:
$("#my_submit").click(function() {
$.post($("#post_form").attr("action"), $("#post_form").serialize(), function(html) {
$("div.post_form").html(html);
});
return false; // prevent normal submit
});
看看
和
在表单中指定r8.php的action属性。i、 e
<form method="post" id="post_form" name="post_form" action="r8.php" />
希望这有帮助。您的选择器出现问题。。 从选择器中删除“@”,它将正常工作
<script language="javascript">
function submitForm() {
var par1 = $('input[name=my_radio][checked]').val();
var par2 = $("input[name=title]").val();
var par3 = $("input[name=content]").val();
$.ajax({
url: "r8.php",
dataType: "html",
type: 'POST',
data: "submit=" + par1 + "&title=" + par2 + "&content=" + par3,
success: function(data){
$("#response").html(data);
$("input[name=title]").html("");
$("input[name=content]").html("");
}
});
return false;
}
</script>
函数submitForm(){
var par1=$('input[name=my_radio][checked]')。val();
var par2=$(“输入[name=title]”).val();
var par3=$(“输入[名称=内容]”).val();
$.ajax({
url:“r8.php”,
数据类型:“html”,
键入:“POST”,
数据:“提交=“+par1+”&title=“+par2+”&content=“+par3,
成功:函数(数据){
$(“#响应”).html(数据);
$(“输入[名称=标题]”).html(“”);
$(“输入[名称=内容]”).html(“”);
}
});
返回false;
}
如果在提交处理程序返回false时看到页面刷新,那么问题通常是提交处理程序函数中的JavaScript错误。我没有看到任何明显的东西。使用调试器运行脚本。你看到什么错误了吗?