2012-01-19 80 views
1

我設法得到下面的代碼工作使用AJAX提交表單和更新我的網站的結果DIV,它工作正常...AJAX/jQuery的表單提交困難

<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 - >#myform2和#results - > #new_div ??

我試圖讓它在一個完整的新頁面上工作,它工作正常,當我要求它從process2.php打印一些東西到屏幕上,但是當我試着讓它對傳入的變量做些什麼(在這種情況下,名稱和電子郵件)它甚至不打印php的結果了。

我process.php插入猜測(數字)爲猜測的數據庫。隨着member_id(也有不少)..

沿着我不知道我做錯了。這似乎是當我包括我的process2.php wp_blog_header.php(然而,該頭文件在process.php WHICH WORKS FINE)..如果我不包括該行,我的連接到數據庫失敗,我不能INSERT到桌子...

我不知道我還能做什麼或需要什麼額外信息?

我的新形式是

名稱 電子郵件

和我的新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中的代碼就像 「INSERT into'new_table'('name','email')VALUES(」。 $ _POST ['name']「,」$ _POST ['email']。 「)」;

,但只要我行

包括(WP-博客 - header.php文件),它似乎翻倒...... hmmmmmm - 我迷茫:(

+0

可能值得安裝類似[Firebug](http://www.getfirebug.com)的東西,以便您可以看到AJAX正在提交的電話以及收到的回覆,這會告訴您是否是您的Javascript或服務器端代碼的問題。 –

+0

我會給它一個去,AJAX似乎工作,因爲它打印出一個測試(即我只是打印「TESTING」使process2.php變爲空白)...所以表單調用了process2.php並完成了,所以對我來說它看起來是我用來使用wordpress函數的內容。 – mayhem3030

回答