Question

我正在尝试学习如何使用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 = '<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);
        }
    });
});

请注意我已将<div id="ulID"></div>添加到页面中，因为我认为这是我需要显示的内容

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

网址是网络服务的链接，数据包含网络服务所需的所有参数。

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

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

btw：此设置要求webservice支持json

我希望这有帮助

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

1 个答案: