在div中使用Jquery显示AJax响应

时间:2014-01-18 09:34:18

标签: javascript php jquery mysql ajax

我有一个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);  
    }
  }
);

1 个答案:

答案 0 :(得分: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);
        }
    });
});