Отображение данных из ответа Ajax с Jquery

Question

Я пытаюсь узнать, как отображать данные из ответа Ajax с JQuery

Это было то, что возвращается на консоль

Object {type: "success", message: "Your message has been sent, thank you.", record: Object} 
record: Object 
account_number: "1234567812345678" 
balance: "1234" 
bank_name: "test name" 
customer_id: "12345" 
id: 49 
monthly: "123456" 

Это ток скрипт, который приносит его на консоль:

jQuery(document).ready(function($) { 
    $('form.quform').Quform({ 
    successStart: function (response) { 
     console.log(response); 

Это то, что я пытался, но он не работает, он останавливает AJAX работать при добавлении дополнительной закрывающей скобки в бо ttom, но это не делает ничего, если вы берете его:

jQuery(document).ready(function($) { 
    $('form.quform').Quform({ 
     successStart: function (response) { 
      var r = response.record; 
      var html = '<li>Acct#: ' + r.account_number + '</li><li>Balance: ' + r.balance + '</li><li>Bank: ' + r.bank_name + '</li><li>Customer#: ' + r.customer_id + '</li>'; 
      $("#ulID").html(html); 
     } 
    }); 
}); 

Пожалуйста, обратите внимание, я добавил <div id="ulID"></div> на страницу, потому что я думаю, что это то, что мне нужно, чтобы отобразить его

Answer 1

Я должен признать, что я не знаком с тем, как вы используете ajax для получения «ответа» Вы запрашиваете веб-сервис? И я тоже не знаком с плагином Quform, вы должны указать, что в вашем вопросе, что вы используете плагин.

Но я постараюсь вам в любом случае помочь. Поскольку ваш вопрос задан для отображения данных из ответа Ajax, я буду считать, что вы запрашиваете веб-сервис и пытаетесь помочь вам с этим допущением. Вот код для вызова веб-сервиса с Ajax без использования плагина.

$.ajax({ 
    url: 'webservice url', 
    type: "POST", 
    data: "{}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (data) { 
      alert('Success!'); 
     $('.ulID').text('response was: ' + data.d) 
    }, 
    failure: function (msg) { 
       alert('an error occured'); 
     } 
}); 

URL-адрес является Offcourse ссылки на веб-сервис, и данные содержат какие-либо параметры, которые требуют вебсервис.

Это, насколько мне известно, правильный способ использования Ajax для запроса веб-сервиса.

Если вы хотите получить помощь с кодом, который у вас уже есть, я предлагаю удалить Ajax из вопроса и заменить его на Quform. Но, честно говоря, призывы Ajax в JQuery настолько легки, что если вы не планируете использовать этот плагин для чего-то другого, я бы сбросил плагин.

кстати: эта установка ожидает вебсервис поддержки JSon

я надеюсь, что это помогает