停止jquery替换文本 - stop jquery from replacing text

stop jquery from replacing text

本文关键字：文本替换 jquery 停止 | 更新日期: 2023-09-27

如何让jquery停止替换ajax请求中的文本。

var nameid = 1;
$(document).ready(function(){
$('button').click(function(){
$('#loadbox').load('mysqlquery.php?id='+nameid);
nameid++;
});
});// DONT DELETE

它提取了我想要的信息，就在我打另一个电话时，它取代了以前的单词。

不要使用.load()。。对AJAX部分使用jQuery.get()^docs，并使用.append()^{docs将它们添加到所需的元素中（同时保留现有信息）}

（您也可以缩进代码以避免像// DONT DELETE这样的注释）

var nameid = 1;
$(document).ready(function(){
    $('button').click(function(){
        $.get('mysqlquery.php?id='+nameid, function(data){
            $('#loadbox').append(data);
        });
        nameid++;
    });
});

除了.load()之外，您可能还想了解其他jQuery ajax方法——.load()将用请求返回的对所提供URL的响应填充所选元素（在本例中为ID为"loadbox"的元素），并且它将始终覆盖现有内容。

听起来您想要做的是将响应附加到元素。在这种情况下，你可以做：

$.ajax('mysqlquery.php?id=' + nameid, {
  dataType : 'html',
  success : function(html) {
    $('#loadbox').append(html);
  }
});

您的意思是只想加载一次吗？

var nameid = 1;
$(document).ready(function () {
    var loaded = false;
    $('button').click(function () {
        if (!loaded) {
            $('#loadbox').load('mysqlquery.php?id=' + nameid, function () {
                loaded = true;
            });
        }
    });
});

更新：如果你想每次点击都添加数据，请参阅@Gaby aka G.Petrioli的答案。