appel ajax sur le bouton cliquez sur

J'ai un simple bouton html.appel ajax sur le bouton cliquez sur

Lorsque je clique dessus, l'ajax est appelé.

Ceci est mon code.

<INPUT type="button" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

Et voici le code complet ajax.

Je veux que les ajax pour valider mon code, puis utilisez gestionnaire de succès

$('body').on('click', '#newsubmit', function (event) { 

    $("#form6").validate({ 
     debug: false, 
     rules: { 
      plnonew: "required", 
      pldtnew: "required", 
      noboxnew: "required", 
     }, 
     messages: { 

      plnonew: "Please select a pack list id..", 
      pldtnew: "Please select a date..", 
      noboxnew: "Please select a box no..", 
     }, 
     submitHandler: function (form) { 
      $.ajax({ 
       type: "POST", 
       url: "try.php", 
       data: $('#form6').serialize(), 
       cache: false, 

       success: function (html) { 

        var div1 = $(html).filter('#div1'); 

        loading_hide(); 
        $("#container").html(div1); 
       } 
      }); 
     } 
    }); 

});

Rien ne se passe quand je clique sur le bouton.

Une idée? Je vous remercie.

Source

2013-05-20 user2234992

où est le problème? – Giona

Quel code ajax? Le gestionnaire de clic est vide, qu'attendez-vous! – adeneo

@adeneo le code ajax est bien. Je n'ai pas ajouté. Le clic n'a aucun effet. merci – user2234992

à code html côté client fichier index.html

<!doctype html> 
<html> 
    <head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 

    function myCall() { 
     var request = $.ajax({ 
      url: "ajax.php", 
      type: "GET",    
      dataType: "html" 
     }); 

     request.done(function(msg) { 
      $("#mybox").html(msg);   
     }); 

     request.fail(function(jqXHR, textStatus) { 
      alert("Request failed: " + textStatus); 
     }); 
    } 
</script> 
     <meta charset="utf-8" /> 
     <title>My jQuery Ajax test</title> 
     <style type="text/css"> 
      #mybox { 
       width: 300px; 
       height: 250px; 
       border: 1px solid #999; 
      } 
     </style> 
    </head> 
    <body> 
     The following div will be updated after the call:<br /> 
     <div id="mybox"> 

     </div> 
     <input type="button" value="Update" /> 

    </body> 
</html>

au fichier ajax.php côté serveur

<?php 
echo '<p>Hi I am some random ' . rand() .' output from the server.</p>'; 

?>

Source

2013-05-20 12:26:13

Le submitHandler dans le plugin validate remplace le natif soumettre, une entrée avec le type button ne soumettez le formulaire et déclencher le sumbitHandler, donc changer ceci:

<INPUT type="button" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

à:

<input type="submit" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

Et initialisez la validation en dehors du gestionnaire de clic.

Source

2013-05-20 10:17:35 adeneo

appel ajax sur le bouton cliquez sur

Répondre

Questions connexes