1

Как получить данные с сервера в формате JSON без использования ajax в jQuery?

Сейчас код выглядит так:

function options() { 
    $.ajax({
        type: "get",
        url: "" + HOST + "options/",
        data: "id=" + window.ProjectId + "",
        dataType: 'json',
        success: function(data) {
            if (data.status == 1) {
                init(); 
            }               
        }
    });             
}
1

2 ответа 2

2

Через JSONP:

function options(projectId, dataType, callbackFuncName) {
  var 
    url = HOST + 'options/?id=' + projectId + '&dataType=' + 
            dataType + '&callbackFuncName=' + callbackFuncName,
    scriptEl = document.createElement('script');

  scriptEl.src = url;
  document.head.appendChild(scriptEl);
}

callbackFunc(data) {
  // Обработка
}

options(window.ProjectId, 'jsonp', 'callbackFunc');

На стороне сервера мы должны отдать следующее:

callbackFuncName({
  //json
});

Где callbackFuncName - это полученное имя функции - обработчика

3
  • у меня идет обращение к php файлу там json отдает так $json_output = array('succes'=>1, 'mes' => '...'); echo json_encode($json_output); Как мне то что получится засунуть в callbackFuncName({ //jso }); если я правильно вас понял 22 сен 2015 в 14:09
  • echo $_GET['callbackFuncName '] . '(' . json_encode($json_output) . ');'; Если я правильно помню как это в php делается. 22 сен 2015 в 14:13
  • сделал так options(window.ProjectId, hash_person, 'jsonp', 'callbackFunc');function options(projectId, hp, dataType, callbackFuncName) { var url = HOST + 'api/options/?id=' + projectId + '&hash_person=' + hp + '&dataType=' + dataType + '&callbackFuncName=' + callbackFuncName, scriptEl = document.createElement('script'); scriptEl.src = url; document.head.appendChild(scriptEl); } callbackFunc(data) { if(data.status == 1){ init(); } } 22 сен 2015 в 14:30
1

Решение было найдено самостоятельно

var options;    

function options() {

        var url = ''+HOST+'api/options/?id_project=' + window.ProjectId + '&hash_person=' + hash_person + '';

        var XHR = ("onload" in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest;

        var xhr = new XHR();

        xhr.open('GET', url, true);

        xhr.onload = function() {
            options = JSON.parse(this.responseText);
        }

        xhr.onerror = function() {
            // alert( 'Ошибка ' + this.status );
            //console.log( 'Ошибка ' + this.status);
        }

        xhr.send();
    }

Вот и все что надо было сделать =)

12
  • 2
    И с чего же это без использования ajax, если это именно он и есть?
    – Qwertiy
    24 сен 2015 в 16:03
  • var XHR = ("onload" in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest; - во-первых, жуть, во-вторых, что-то сомневаюсь, чтобы оно работало для второго варианта.
    – Qwertiy
    24 сен 2015 в 16:05
  • Вы как раз и используете AJAX, разве что без jQuery. ( см. ru.wikipedia.org/wiki/AJAX ). А раз так, то формально, ваш ответ не является ответом на вопрос! 24 сен 2015 в 17:17
  • мне надо было чтобы он работал без jQuery по сути, я не знал изначально как написать вопрос. 25 сен 2015 в 16:52
  • @qwertiy если что это почти по учебнику! 25 сен 2015 в 16:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.