Ajax请求只工作一次

Ajax request only works one time

本文关键字：一次 请求 工作 Ajax      更新时间：2023-09-26

我有一个选择选项，这是完美的工作，但只有一次，请求不会再次执行。

我认为这是因为'onchange'事件。

这是我的ajax代码: 
jQuery(document).ready(function($) {
$('#referenceProduit').change(function(){
    //on recupere la valeur de l'attribut value pour afficher tel ou tel resultat
    var req=$('#referenceProduit').val();
    //requête ajax, appel du fichier function.php
    $.ajax({
        type: "POST",
        url: "include/php.php",
        data: "referenceProduit="+req,
        dataType : "json",
        //affichage de l'erreur en cas de problème
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest + '--' + textStatus + '--' + errorThrown);
        },
        //function s'il n'y a pas de probleme
        success:function(data){
            //On affiche la réponse du serveur
            $('.produit').empty();
            $('.produit').prepend(data.produit);
            $('input[name="designation"]').val(data.resDisplayForm.designation);
            $('input[name="prix"]').val(data.resDisplayForm.prix);
        }
    });
});
});
HTML代码: 
    <div class="form-group">
  <label for="referenceProduit" class="col-sm-1 control-label">Reference</label>
  <div class="col-sm-2">
    <select class="form-control" name="referenceProduit" id="referenceProduit">
      <option selected="selected" disabled="disabled">Choisir</option>
      <?php foreach($lesProduits as $unProduit){?>
      <option name="<?php echo $unProduit['id'];?>" value="<?php echo $unProduit['id'];?>"><?php echo $unProduit['reference']?></option>
      <?php } ?>
    </select>
  </div>
</div>
<div class="form-group">
  <div class="produit"></div>
</div><br/><br/>

你应该映射到

.on(eventType, selector, function)

例子
$('#parentElement').on('change', '#referenceProduit', function)
相关文章：