使用Jquery显示Ajax响应中的数据

我正在尝试学习如何使用jquery显示来自Ajax响应的数据

这是返回到控制台的内容

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

这是我尝试但它不起作用，当你在底部添加额外的结束括号时它会阻止AJAX工作，但如果你把它取下它什么都不做：

 jQuery(document).ready(function($) { $('form.quform').Quform({ successStart: function (response) { var r = response.record; var html = '
Acct#: ' + r.account_number + '
Balance: ' + r.balance + '
Bank: ' + r.bank_name + '
Customer#: ' + r.customer_id + '
'; $("#ulID").html(html); } }); }); 

请注意我已将

到页面中，因为我认为这是我需要显示它

Answer 1

我必须承认，我不熟悉使用ajax获取“响应”的方式你是否在查询网络服务？ 我也不熟悉Quform插件，你应该在你的问题中指明你正在使用插件。

但无论如何我会尽力帮助你。 由于您的问题要求显示来自Ajax响应的数据，我将假设您正在查询Web服务并尝试帮助您完成该假设下面是使用Ajax调用Web服务而不使用插件的代码。

 $.ajax({ url: 'webservice url', type: "POST", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { alert('Success!'); $('.ulID').text('response was: ' + data.d) }, failure: function (msg) { alert('an error occured'); } }); 

该URL是远程Web服务的链接，数据包含Web服务所需的任何参数。

据我所知，使用Ajax查询Web服务的正确方法。

如果你需要帮助来获得你已经拥有的代码的帮助，我建议从问题中删除Ajax并将其替换为Quform。 但说实话，Ajax在JQuery中的调用非常简单，除非你打算使用该插件，否则我会放弃插件。

顺便说一句：这个设置期望webservice支持json

我希望这有帮助