在div中使用Jquery显示AJax响应

Question

我有一个ajax表单发布到一个php页面，它处理表单，然后将数据发布到mysql，然后将数据返回到控制台。

由于我对此非常陌生，我不知道如何让它在<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);  
    }
  }
);

Answer 1

像这样的东西：

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