Ajax Post méthode en utilisant jquery

<script type='text/javascript'> 
$("#cart").click(function() { 
var loadUrl = "ajax_redirect.php"; 
var val = "2"; 
$.post(loadUrl, 
{ page: "cart", data: val }, 

    function(data) 
    { 
alert(data); 
    alert("Course added to Cart"); 
    } 
); 
}); 
</script> 
<body> 
`<a class="button" id="cart" href="#" title="Apply"><img src="images/button.png" alt="apply" />Apply</a>` 
</body>

Si je clique sur le lien <a> rien ne se produit mais rafraîchissant. Je ne suis pas en mesure d'obtenir la valeur des données de retour.Ajax Post méthode en utilisant jquery

Source

2009-11-19 sathish

Votre script est exécuté avant que l'élément a existe et soit prêt dans le DOM. Vous devriez avoir enveloppé la chose entière dans un $(document).ready() appel, comme ceci:

$(document).ready (function() { 
    $("#cart").click(function(event) { 
     event.preventDefault(); 
     var loadUrl = "ajax_redirect.php"; 
     var val = "2"; 
     $.post(loadUrl, 
      { page: "cart", data: val }, 
      function(data) 
      { 
       alert(data); 
       alert("Course added to Cart"); 
      } 
     ); 
    }); 
});

Notez également le event.preventDefault(), pour empêcher le lien de le faire est l'action par défaut

Source

2009-11-19 06:32:59

Merci Prime, mais une page de doute redirigeant vers la J'ai demandé l'URL mais je ne suis pas en mesure d'obtenir la valeur de la demande. l'alerte de fonction (données) ne fonctionne pas. Je reçois la valeur $ _POST ['page'], $ _POST ['data'] – sathish

Désolé, voulez-vous dire que votre backend (PHP) ne peut pas lire les paramètres que vous avez passés? Ou que le Javascript ne peut pas obtenir les données que vous avez transmises? –

Cette réponse m'a beaucoup aidé lors de ma première expérience dans AJAX en utilisant jQuery! Bon spectacle! –

Ajax Post méthode en utilisant jquery

Répondre

Questions connexes