0

Добрый день! У меня данные находятся в формате .json. Как, с помощью ajax, можно было вывести эти данные в html таблицу?

Так подсказали делать вывод на консоль $(function () {

var ReqHelper = new Object({
    timeout: 120000,
    postJsonOnServiceAndCallback: function (url, method, params, async, func) {

        $.ajax({
            type: "POST",
            url: url + method,
            data: "{ args:'" + JSON.stringify(params) + "'}",
            timeout: ReqHelper.timeout,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: async,
            success: function (data) {
                func(JSON.parse(data.d));
            },
            error: function (data) { console.log(data); }
        });
    },
    getJsonOnServiceAndCallback: function (url, method, params, async, func) {

        $.ajax({
            type: "GET",
            url: url + method,
            data: { 'args': JSON.stringify(params) },
            timeout: ReqHelper.timeout,
            async: async,
            success: function (result) {
                var xdata = result.querySelector("string").innerHTML;
                var data = JSON.parse(xdata);
                func(data);
            },
            error: function (result) {
                console.log(result);               

            }
        });
    }

});

ReqHelper.postJsonOnServiceAndCallback("../csharp/Request4Helper.asmx/", "Helper", {}, true, function (data) { console.log(data); })

    });
8
  • А где кусок кода отрисовки страницы? Вот там и надо вставить ajax-запрос.
    – Ella S.
    19 июл 2016 в 11:05
  • @Андрей Пивоваров поможете?
    – propro17
    20 июл 2016 в 4:40
  • А что конкретно "не работает". Какую ошибку выдает?
    – Ella S.
    20 июл 2016 в 5:54
  • А где у Вас в HTML коде тот самый sortable, на который Вы ссылаетесь в скрипте?
    – Ella S.
    20 июл 2016 в 6:44
  • @Ella Svetlaya можете пример дать?
    – propro17
    20 июл 2016 в 9:02

1 ответ 1

1

Самый простой способ использовать Jquery.ajax например

<script type="text/javascript">
  var requestSettings = {
    url: "...", //урл по которому вы отдаете json
    type: "POST", //Метод зароса GET/POST/DELETE..
    success: function(responce) {
      //вызовется если ответ успешный
    },
    complete: function(responce) {
      //вызовется в любом случаее 
    },
    error: function (jqXHR, textStatus, errorThrown) {
      //вызовется в случаее ощибки 
    }
  }

  $.ajax(requestSettings);
</script>

http://api.jquery.com/jquery.ajax/

1
  • я получил данные на консоль. Теперь надо вывести на таблицу html. Поможете?
    – propro17
    19 июл 2016 в 13:01

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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