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

请参阅link click here了解所有可能的情况......

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来执行操作。 Details on $.ajax 或者您可以使用当前使用的Details on $.post，只需更改以下代码

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

在服务器中，您可以使用 param

一词来访问它

希望这会有所帮助：）

如何使用ajax jQuery将div值传递给页面？

4 个答案: