2014-01-18 5 views
1

У меня есть форма ajax, которая отправляет на страницу php, которая обрабатывает форму, а затем отправляет данные в mysql, а затем возвращает данные на консоль.Отображение ответа AJax с Jquery в div

Поскольку я действительно новичок в этом, я не знаю, как получить его для отображения данных на странице в <li> или <div для каждой новой записи, который возвращается, так же, как делает этот сценарий: http://www.sanwebe.com/assets/ajax-add-delete-record/

Это данные, возвращаемые в консоли:

Object {type: "success", message: "Your message has been sent, thank you.", record: Object} 
message: "Your message has been sent, thank you." 
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); 
    } 
    } 
); 
+0

Посмотрите на сообщение: http://api.jquery.com/jquery.post/ и метод прибудете: http://api.jquery.com/jquery. get/ jQuery для публикации в php через ajax и получения данных через ajax в jQuery. –

+1

@imiso - это не функция jquery, а скрипт jQuery/php для ajax для форм. –

+0

+1 спасибо, человек. – ncm

ответ

3

Что-то вроде этого:

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); 
     } 
    }); 
}); 
+0

+1 привет снова. и правильно. – ncm

+0

@imsiso, пожалуйста, не пишите '+ 1' в разделе комментариев. Если вы хотите оценить ответ, просто не стоит упомянуть :) –

+0

@MohammadAreebSiddiqui - возможно, вы правы. Но я прошу вас оставить комментарий следующим образом: '-1 - потому что ваш вопрос/ответ имеет следующую проблему: ...'? – ncm

Смежные вопросы