javascript - 在 div 中使用 Jquery 显示 AJax 响应

Question

我有一个发布到 php 页面的 ajax 表单，它处理表单，然后将数据发布到 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);
        }
    });
});