JavaScript tepkisi ve ajax isteği

Question

ben şu var.

Sonra arama sonuç döndürmeden önce kod yürütülür gibi görünüyor ama neden? Söz, düzgün bir şekilde ayarlanmadı mı?

Şimdiden çok teşekkürler.

Answer 1

Burada Promise.resolve yapmak gereksiz, çünkü $ .ajax çağrı zaten bir söz verir. bu deneyin:

function wikiAjax (searchURL) { 
    return $.ajax({ 
     url: searchURL, 
     jsonp: "callback", 
     dataType: 'jsonp', 
     xhrFields: { 
      withCredentials: true 
     } 
    }); 
} 

$(".search-form").submit(function() { 
    var searchText = $('#search').val(); 
    var searchURL = "https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrsearch=" + searchText + "&gsrlimit=15&prop=extracts&exsentences=3&exintro=&explaintext&exlimit=max&callback=JSON_CALLBACK"; 
    console.log(searchURL); 
    var wikiResponse = wikiAjax(searchURL); 
    wikiResponse.done(function(data) { 
     alert(data); 
    }).fail(function(err) { 
     alert("The call has been rejected"); 
    }); 
}); 

Bu plunker bir çalışma (ve göstermek için modifiye): Ben Promise.resolve (düşünmek https://plnkr.co/edit/qyc4Tu1waQO6EspomMYL?p=preview

Answer 2

) açıkça sen olması gerektiği bunu desteklediğinden emin olmak sürece bir ES6 özelliğidir çalışmıyor

Ama şu biçimde söz dönmek) $ .ajax (sizin için şanslı:

var promise = $.ajax({ 
    url: "/myServerScript" 
}); 

promise.done(mySuccessFunction); 
promise.fail(myErrorFunction); 

(daha sonra değil() ve kodunuzda yazılmış gibi catch())

Answer 3

Burada neler olabileceğini düşünüyorum, tarayıcı ajax çağrısının yanı sıra formda varsayılan gönderim etkinliğini yürütüyor. Sonuç, pencerenin boşaltılması ve yeniden yüklenmesidir. koyarak

Dene: işleyicisindeki

event.preventDefault(); 

.

$(".search-form").submit(function(event) { 
    event.preventDefault(); 
    var searchText = $('#search').val(); 
    var searchURL = "https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrsearch=" + searchText + "&gsrlimit=15&prop=extracts&exsentences=3&exintro=&explaintext&exlimit=max&callback=JSON_CALLBACK"; 
    console.log(searchURL); 
    var wikiResponse = wikiAjax(searchURL); 
    wikiResponse.then(function(data) { 
     alert(data); 
    }, 
    function() { 
     alert("The call has been rejected"); 
    } 
); 
});