從JavaScript函數獲取Ajax值

Question

我不是JS開發人員，所以如果這是一個愚蠢的問題，請原諒我。

我有這個Web應用程序，它使用ajax在屏幕上保持數據更新，但是我無法在我的JS函數中使用ajax值，我的應用程序生成的代碼是：

<span id="c0"></span>

在網頁上，我只看到數字值，例如5，它按預期每秒更新一次，因此我嘗試在JS函數中使用相同的值：

<script type="text/javascript">
function getPoint()
{
    console.log ('<span id="c0"></span>');
    return 0;
}
</script>

但是在Chrome的日志中，我只看到<span id="c0"></span>而不是數字值。

Answer 1

請嘗試以下操作：

<script type="text/javascript">
function getPoint()
{
    var span_element = document.getElementById("c0");
    var content = span_element.innerHTML;
    console.log(content);
    return content;
}
</script>

說明 ：

首先，您需要訪問javascript的DOM元素。 您標識了ID為“ c0”的元素。 要訪問元素，您需要使用以下函數：document.getElementById（“ someID”）;

有了這個元素，您可以做很多事情。 在這種情況下，您想訪問標記內的任何內容，因此您想要的是其內部HTML。

如果使用的是JQuery，則還可以像這樣獲取其內容：

var span_element = $("#c0");
var content = span_element.text();

Answer 2

Console.log只是記錄您發送的任何字符串作為參數。 因此，您所看到的是預期的行為。

假設您使用的是jQuery，並且ajax返回的值正在顯示在跨度（id =“ c0”）中，則該console.log語句應該可以工作：

console.log($("#c0").text());

$（“＃c0”）使用ID選擇器（＃）返回jQuery對象。