Wie ajax Anfrage

Question

In meinem unteren Code, wenn Eingabe Such Vale ist leer und ebenso Suchwort ist gleich bedeutet, wenn eingegeben 'abc' bekam das Ergebnis erneut angeklickt müssen die Ajax Anfrage abzubrechen, hatte ich in preatsend Methode geschrieben aber Browser werfen Fehler "Can not Eigenschaft 'Abbruch' undefinierter lesen"

ajax-Code:

function makeRequest() 
    { 
    var searchText=''; 
     var popupRequest = $.ajax({ 
      url:"cnc/cncstorelocator", 
      type:'GET', 
      cache:false, 
      data: {searchCriteria : $('#cnc-searchcriteria').val()}, 
      dataType: 'json', 
      beforeSend: function(){    
    if(searchText == '' && searchText == searchData) { 
         popupRequest.abort(); 
        } 
       }, 
      success : function(cncStoreLocatorData) 
      { 
       var store=null; 
       for (var i = 0; i < cncStoreLocatorData.length; i++) { 
        var loc = cncStoreLocatorData[i]; 
       store = $('<div/>').addClass('pane'); 
        var store_hours = loc.hrsOfOperation; 
       var str1 = $('<p/>').addClass('stores-timing'); 
       var store_timings=null; 
        for (var j = 0; j < store_hours.length; j++) { 
         var storetime = store_hours[j]; 
         store_timings = str1.append($('<span/>').html('<strong>' + storetime.days_short)); 
         store_timings.appendTo(store); 
        } 
        $("#cncstorepane").append(store); 
        searchText=searchData; 
        } 
      }, 
      error: function(cncStoreLocatorData) { 
        alert("can't make req"); 
       } 

      }); 

    } 

Answer 1

var xhr = $.ajax({ 
    type: "POST", 
    url: "XXX.php", 
    data: "name=marry&location=London", 
    success: function(msg){ 
     alert("The Data Saved: " + msg); 
    } 
}); 

//kill the request 
xhr.abort() 

Answer 2

var xhr = null; 
function makeRequest() 
    { 
    if(xhr != null) { 
      xhr.abort(); 
      xhr = null; 
     } 
    var searchText=''; 
     xhr = $.ajax({ 
      url:"cnc/cncstorelocator", 
      type:'GET', 
      cache:false, 
      data: {searchCriteria : $('#cnc-searchcriteria').val()}, 
      dataType: 'json', 
      beforeSend: function(){    
      if(searchText == '' && searchText == searchData) { 
         xhr.abort(); 
        } 
       }, 
      success : function(cncStoreLocatorData) 
      { 
       var store=null; 
       for (var i = 0; i < cncStoreLocatorData.length; i++) { 
       var loc = cncStoreLocatorData[i]; 
       store = $('<div/>').addClass('pane'); 
       var store_hours = loc.hrsOfOperation; 
       var str1 = $('<p/>').addClass('stores-timing'); 
       var store_timings=null; 
       for (var j = 0; j < store_hours.length; j++) { 
        var storetime = store_hours[j]; 
       store_timings = str1.append($('<span/>').html('<strong>' + storetime.days_short)); 
         store_timings.appendTo(store); 
        } 
        $("#cncstorepane").append(store); 
        searchText=searchData; 
        } 
      }, 
      error: function(cncStoreLocatorData) { 
        alert("can't make req"); 
       } 

      }); 

definieren Sie eine Variable und geben Sie Ihre ajax den gleichen Alias. Dann überprüfen Sie jedes Mal, wenn die Funktion ausgeführt wird, ob (in diesem Beispiel XHR) null ist oder nicht. Wenn dies nicht der Fall ist, brechen Sie ab() und geben ihm erneut den Wert Null.