时间戳

首页 > 解决方案 > 如何模拟 ajax 响应

javascript - 如何模拟 ajax 响应

问题描述

如何模拟 ajax 响应？

https://stackoverflow.com/a/13915248/1032531提供了答案的链接，但链接已损坏。

https://stackoverflow.com/a/29680013/1032531提供了以下答案，但它与$.ajax is not a function. https://jsfiddle.net/bdw0gfan/

 function ajax_response(response) {
   var deferred = $.Deferred().resolve(response);
   return deferred.promise();
 }
 $(function() {

   $.ajax = ajax_response([1, 2, 3]);
   $.ajax('GET', 'some/url/i/fancy').done(function(data) {
     console.log(data); // [1, 2, 3]
   });
 });

标签： javascriptjqueryajaxhttpmocking

解决方案

$.ajax必须是一个函数，否则它不会返回承诺。

function ajax_response(response) {
    var deferred = $.Deferred().resolve(response);
    return deferred.promise();
}

$.ajax = function() {
    return ajax_response([1, 2, 3]); 
};

$.ajax('GET', 'some/url/i/fancy').done(function(data) {
    console.log(data); // [1, 2, 3]
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

推荐阅读