2010-09-21 5 views
0

J'utilise quelque chose comme combinaison jQuery + JSON ceci:soumission du formulaire 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; 
    }); 

}); 

Maintenant, ce que je voulais, c'est que quand un formulaire réussi est soumis alors sans rafraîchissement de la page, un message devrait être affiché sous le div testDiv. J'espérais que ce script aiderait mais quand un formulaire est soumis, la page va à .../_ test.php et affiche une page vierge blanche sauf les suivants -

{ « testDiv »: "Forme est soumis avec succès. "}

Firebug ne signale aucune erreur avec l'un des scripts .Please help.Thanks dans advanvce

La même chose peut être vu à http://174.132.194.155/~kunal17/devbuzzr/deals/5-discount-on-all-guitars. Cliquez sur "saisir le coupon" lien, puis cliquez sur soumettre à l'intérieur de la pop-up.

Répondre

0

Je suis allé au lien que vous avez fourni, mais le script coupon.js que j'ai trouvé se termine par "return true", et non "return false". Avez-vous essayé de changer cela pour "retourner faux"?

+0

pas ça n'aide pas .. j'ai essayé – Ayush

Questions connexes