самодельный коллбек

[cyklop77]

помогите пожалуйста решить проблему

часто использую jquery-функцию $.ajax. поэтому решил вынести её в отдельный объект следующим образом: 

var ajaxRequest = function(dataObj, requestFileName) {
  $.ajax({
    url: 'js/project/ajax/' + requestFileName,
    type: "post",
    data: dataObj,
    success: function(json) { 
      console.log('--' + JSON.parse(json));
      return JSON.parse(json);                                              
    }
  }); 
};

и затем могу хоть 100 раз обращаться к ней из любого места программы следующим лаконичный способом:

var dotsObj = new ajaxRequest({graph_id: graph_id}, 'getDots.php');

проблема в том, что JS асинхронен. то есть ajaxRequest только ещё получает данные с сервера, а сценарий выполняется дальше и соответственно уже обрабатывает dotsObj (а он ещё не получен)

 

подскажите пожалуйста как можно заставить сценарий ждать ответа ajaxRequest. 

например в той же функции $.ajax блок succes как раз ждёт когда данные придут с сервера. мне нужен такой же, но велосипед)

Edited March 27, 2016 by cyklop77

[Николя223]

// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});

в доках все есть

также можно запускать с функцией в третьем параметре. и в succes через typeof проверять наличие и соответствие.  если ок, то запускать

[Николя223]

с done как то так https://jsfiddle.net/w5ca1zz6/

[wwt]

1 час назад, cyklop77 сказал:

JSON.parse(json);

и это тоже не нужно, ибо метод $.ajax умеет это из коробки

$.ajax({dataType:'json'});

и после этого jquery попытается сам из полученного ответа получить объект

 

Кроме этого не обязательно делать универсальный метод на основе ajax() ибо сам этот механизм в jquery уже универсален, ты пытаешься создать универсальную функцию, а нужно создавать дефолтный набор настроек для $.ajax();

Вот твой код:

$.ajax({
    url: 'js/project/ajax/' + requestFileName,
    type: "post",
    data: dataObj,
    success: function(json) { 
      console.log('--' + JSON.parse(json));
      return JSON.parse(json);                                              
    }
  }); 

что-то типо:

var params = {
url: '/test'
,data: ''
,'method: 'post'
,dataType:'json'
};

params.url += '/echo';
params.data = $('#form').serialize();
$.ajax(params).done(mycallback);

params.url += '/echo2';
params.data = {a:1,b:2};
$.ajax(params).done(mycallback2);

params.url += '/echo3';
params.data = {a:3};
$.ajax(params).done(mycallback3);

А ещё можно вот так:

$.post('myurl.html', {a:b}, function(data){console.log(data)}, 'json');

=)

[Николя223]

c $.post не все гладко, я его только для простых запросов использую.... 

может в новых версиях пофиксили или же настройки какие есть

например, я помню - сколько бился с тем, что с полученного html отрезались скрипты, и вставлялось уже без скриптов.... когда додумался попробовать через $.ajax - там все гладко прошло