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();

我想用jquery发布一个表单,但我的代码不起作用。提交后,我的页面会刷新,问题出在哪里?等待帮助

jquery代码

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错误。我没有看到任何明显的东西。使用调试器运行脚本。你看到什么错误了吗?