Javascript 尝试用load更改文本，但我不确定如何按照我的意愿进行更改

我做了一个查询，从数据库中的表中随机抽取一行，然后从信息中打印随机行中的两个参数

我想当我点击一个按钮/文本/某个东西时，查询将再次运行并选择新的随机行，但不刷新页面

当你点击正在工作的按钮，但你看到div的东西再次加载，这很难看。。。我只想文本将加载一次，我真的不知道怎么做

我的代码： 按钮：

javascript/jquery：

页面question.php：

试着去掉线

 $("#load_me").html("<h1>Loading...</h1>");

---

在查看站点并检查服务器调用后，似乎每次都返回HTML。您可以做的是只返回2个字符串作为json，然后只将该字符串放入div，我将把这个练习留给您

否则，如果您无法更改服务器端代码并希望修复此问题。你可以这样做

注意：下面的解决方案完全与您的站点HTML外观有关，有几个HTML错误，但我假设您稍后会更改它

    $(document).ready(function(){
        $("#load_me").load("question.php");

        $("#refresh").click(function() {
            $('#load_me').find('font font').html("......");   // since you have a font element inside another font element         
            $("#load_me").load("question.php", function (data) {
                var tempDiv = document.createElement('div'); //create a temp div element
                tempDiv.innerHTML = data; //assign the response data into it
                $('#load_me').find('font:eq(0) font').text($(tempDiv).find('a:eq(0) div').html()); // extract the first div data and put into your font html
                $('#load_me').find('font:eq(2) font').text($(tempDiv).find('a:eq(1) div').html());    
                //font:eq(2) because font:eq(1) is the one inside font:eq(0)           
            });
        })
        $("#refresh").click();
    });

---

让我知道这是否有帮助

我希望我能很好地理解你，因为我不确定是否。。。不管怎样，这就是我所做的：当我点击按钮时，我有两个地方需要加载，我不能在2个不同的页面中加载，因为随机线将不相同。。。还有一件事：你为什么说html不完美？哈哈，有错误吗？你能给我举个例子吗？就像你有一个字体元素，在另一个字体元素中，你从服务器返回一个带有HTML内容的响应，因为两个锚标记都有相同的id，我没有检查其他东西，但在工作时我看到了这些，我的解决方案有用吗？？我在你的网站上试用了这个脚本，发现效果很好。让我知道，如果你不觉得这是解决办法是的，我知道关于相同的ID这是不好的，我会很快解决这个问题，就像我说的网站还没有准备好。你给我的脚本不起作用，或者我做错了什么，当我用我的js代码替换他的时候，2个div被删除了。。。我不明白那需要做什么？只有文本会再次加载吗？…你能共享站点链接吗？这样我会再次查看并向你解释它是如何工作的。请不要发布依赖于第三方站点链接的问题。你的问题需要是独立的，没有任何链接的回答。你做得很完美，但我不明白为什么它被搁置？这会有什么帮助？

$result = mysqli_query($conn, "SELECT * FROM `questions` ORDER BY RAND() LIMIT 1");
$RLine = mysqli_fetch_assoc($result);

echo '<div style="text-align: center"><a id="linky" href="stats.php?id='.$RLine['ID'].'&choice=Either1"><div class="button">'.$RLine['Question1'].'</div></a>';
echo '<a id="linky" href="stats.php?id='.$RLine['ID'].'&choice=Either2"><div class="button" style="background-color: rgb(0, 204, 68)">'.$RLine['Question2'].'</div></a></div>';

 $("#load_me").html("<h1>Loading...</h1>");

    $(document).ready(function(){
        $("#load_me").load("question.php");

        $("#refresh").click(function() {
            $('#load_me').find('font font').html("......");   // since you have a font element inside another font element         
            $("#load_me").load("question.php", function (data) {
                var tempDiv = document.createElement('div'); //create a temp div element
                tempDiv.innerHTML = data; //assign the response data into it
                $('#load_me').find('font:eq(0) font').text($(tempDiv).find('a:eq(0) div').html()); // extract the first div data and put into your font html
                $('#load_me').find('font:eq(2) font').text($(tempDiv).find('a:eq(1) div').html());    
                //font:eq(2) because font:eq(1) is the one inside font:eq(0)           
            });
        })
        $("#refresh").click();
    });