Question

我设法使用以下代码来使用AJAX提交表单并更新我网站的结果div，它运行正常...

<script type="text/javascript"> 
$(document).ready(function(){    
     $("#myform").validate({         
     debug: false,    
     rules: {           
      guess: {              
             min: 0,                
             number: true            
             }       
            },       
     messages: {           
        guess: "Please enter a valid guess.",     
      },       
    submitHandler: function(form) {             // do other stuff for a valid form             
    $.post('process.php', $("#myform").serialize(), function(data) {
              $('#results').html(data);         
     });        
   }   
  }); 
});
</script>

我是否正确地认为，如果我有另一个表格要发送到“process2.php”，更新网页的另一部分，我需要另一份相同的脚本，但有效地调用我的第二个表格“form2”和chage #myform - ＆gt; #myform2和#results - ＆gt; #new_div ??

我试过让它在一个完整的新页面上工作，当我要求它从process2.php打印到屏幕上的东西时它工作正常，但当我尝试让它用传递的变量做某事时（在这种情况下，名称和电子邮件）它甚至不打印php的结果。

我的process.php将猜测（一个数字）插入到猜测数据库中..以及member_id（也是一个数字）..

我不知道我做错了什么。这似乎是当我在我的process2.php中包含wp_blog_header.php时（但是该头文件在process.php中工作很精细）..如果我不包含该行，我与数据库的连接失败，我无法插入表...

我不知道我还能做什么，或者我需要什么其他信息？

我的新表格是

名称电子邮件

我的新javafunction变为

script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#myform2").validate({
        debug: false,
        rules: {
            name: "required",
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            name: "Please let us know who you are.",
            email: "A valid email will help us get in touch with you.",
        },
        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('process2.php', $("#myform2").serialize(), function(data) {
                $('#results').html(data);
            });
        }
    });
});
</script>

这是我的编码问题，还是与我的process2.php（几乎与我的process.php完全相同）有关，除了我插入到不同的数据库表，名称和电子邮件......但它似乎不起作用......

所以PHP中的代码就像 “插入'new_table'（'name'，'email'）VALUES（”。$ _POST ['name']“，”$ _POST ['email']。“）”;

但是我有了这条线

包括（wp-blog-header.php）它似乎摔倒了...嗯嗯 - 我迷路了:(

Answer 1

如果它在没有AJAX的情况下工作，这个插件可以很容易地将普通表单转换为使用AJAX：http://jquery.malsup.com/form/

AJAX / jQuery表单提交困难

1 个答案: