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