如何使用ajax jQuery將div值傳遞給頁面？

Question

我有一個div設置了計時器。 在提交頁面時，我希望將div值插入數據庫

我正在嘗試使用ajax發布它。這是我的代碼，而不是我想發送div值的名稱。

我試圖使用getElementById來獲取價值，但沒有獲得如何傳遞價值的方法。 否則還有其他方法來獲取div值並將其存儲在數據庫中。

這是我的代碼：

<div id="timecounter" >00:05:00</div>

<script>    
    $("button").click(function() {

    $.post("test_post.php", {
            name: "Donald Duck"
        },
        function(data, status) {
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
 </script>

Answer 1

您可以將innerHtml屬性用作：-

divObj= document.getElementById("timecounter")

   alert (divObj.innerHTML); 

請參閱鏈接單擊此處以獲取所有可能的情況...

Answer 2

首先，找到元素。 最快的方法是通過ID 。 接下來，使用innerHTML獲取元素的HTML內容。

document.getElementById('timecounter').innerHTML;

Answer 3

由於您在問題標簽和標題中都提到了jQuery ，因此以下是針對您的問題的jQuery特定解決方案：

var timecounter_val = $('#timecounter').html(); // Store HTML of `timecounter` `div` in `timecounter_val` variable.

如果需要，還可以使用javascript訪問div元素的HTML。 這是您可以執行的操作。

var timecounter_val = document.getElementById('timecounter').innerHTML;

Answer 4

您可以使用$ .ajax進行操作。 $ .ajax的詳細信息，或者您可以使用當前使用的$ .post的詳細信息 ，只需更改以下代碼

$.post("test_post.php", {
        param: $("timecounter").html()
    },
    function(data, status) {
        alert("Data: " + data + "\nStatus: " + status);
    });

在服務器中，您可以使用單詞param來訪問它

希望這可以幫助 ：）