從使用jQuery

Ajax響應顯示數據

我想學習如何從使用jQuery從使用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當你在微博添加額外的右括號TTOM，但不起任何作用，如果你把它關閉：

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>到頁面，因爲我認爲這是我需要顯示它

來源

2014-01-18 Michael Falciglia

使用控制檯設置變種R = response.record斷點並驗證它的價值，並且可以訪問response.record.account_number。甚至可以改變你的console.log語句來記錄response.record和response.record.account_number。 – puddinman13

我必須承認，我很陌生與你使用Ajax的方式得到'迴應' 你在查詢一個web服務嗎？我也不熟悉Quform插件，你應該在你的問題中指定你正在使用插件。

但我會盡力幫助你。由於您的問題是要求顯示來自Ajax響應的數據，因此我會假定您正在查詢web服務並嘗試以這種假設幫助您。以下是使用Ajax調用webservice而不使用插件的代碼。

$.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是offcourse到webservice的鏈接，數據包含webservice需要的任何參數。

這是我所知的使用Ajax查詢web服務的正確方法。

如果您需要幫助獲取已有代碼的幫助，我建議您從問題中刪除Ajax並用Quform替換它。但說實話，在JQuery中的Ajax調用非常容易，除非您打算將該插件用於別的東西，否則我會刪除該插件。

BTW：此設置預計Web服務支持JSON

我希望這有助於

來源

2014-02-27 08:07:14

回答

相關問題