2010-09-21 122 views
0

我使用jQuery + JSON組合是這樣的:jQuery的表單提交

test.php的:

<script type="text/javascript" src="coupon.js"></script> 

<form action='_test.php' method='post' class='ajaxform'> 
<input type='text' name='txt' value='Test Text'> 
<input type='submit' value='submit'> 
</form> 

<div id='testDiv'></div> 

_test.php:

<?php 
     // Code here to deal with form submitted data. 
     $arr = array('testDiv' => 'Form is successfully submitted.'); 
     echo json_encode($arr); 
?> 

coupon.js:

jQuery(document).ready(function(){ 

    jQuery('.ajaxform').submit(function() { 

     $.ajax({ 
      url  : $(this).attr('action'), 
      type : $(this).attr('method'), 
      dataType: 'json', 
      data : $(this).serialize(), 
      success : function(data) { 
         for(var id in data) { 
          jQuery('#' + id).html(data[id]); 
         } 
         } 
     }); 

     return false; 
    }); 

}); 

現在我想要的是,當提交一個成功的表單然後沒有任何頁面刷新時,應該在div testDiv下顯示一條消息。 我希望這個腳本會幫助,但被提交表單時,則頁面去.../_ test.php的,並顯示一個白色的空白頁以下情況除外 -

{「testDiv」:「表提交成功。「}

螢火蟲不advanvce

同樣可以在http://174.132.194.155/~kunal17/devbuzzr/deals/5-discount-on-all-guitars可以看到報告與任何腳本。請help.Thanks的任何錯誤。點擊「搶優惠券」鏈接,然後點擊提交裏面彈出。

回答

0

我去了你提供的鏈接,但我發現的coupon.js腳本以「返回true」結束,而不是「返回false」。你有沒有嘗試改變它「返回false」?

+0

沒有不幫助..我試過 – Ayush 2010-09-22 07:39:55