jQuery ajax post Uncaught RangeError: Dimensione massima stack di chiamate superata

Question

Ho un problema con jQuery ajax. I javascript

<script type="text/javascript"> 
    $(function() { 
     $('body').on("click", "#pager a", function(e) { 
      e.stopPropagation(); 
      e.preventDefault(); 
      var a = $(this); 
      var model = $('#searchForm').serialize(); 
      $.ajax({ 
       url: '/Product/Products', 
       type: 'POST', 
       data: { 
        model: model, page: a 
       }, 
       success: function (data) { 
        alert('success'); 
        $('#productsList').html(data); 
       } 
      }); 
     }); 
    }); 
</script> 

Questo codice di errore produrre "RangeError Uncaught: chiamata di massima dimensione dello stack superato" e non capisco perché. Non ho trigger, ho usato preventDefault e stopPropagation, ma ho ancora questo errore. Qualcuno può aiutarmi?

Answer 1

È necessario rimuovere lo var a = $(this);. Non so cosa cerchi di ottenere lì, ma usando un elemento cliccato con jQuery come dati di richiesta è un non senso.

Answer 2

Invece di utilizzare var a = $ (this) per ottenere la pagina, utilizzare un campo nascosto e assegnare il valore della pagina al campo.

<input type="hidden" value="xyzpage" id="pageValue"> 

var pageVal = $("#pageValue").val(); 

data: { 
     model: model, page:pageVal 
     }, 

Questo risolverà il problema immagino

Answer 3

Questo errore può anche venire se si passa qualcosa in dati che non è definito in tale ambito. Un'altra ragione è passare dati con val() direttamente.