Question

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

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

nameid++;

});
});// DONT DELETE

当我拨打另一个电话时它会取出我想要的信息，它取代了之前的单词。

Answer 1

不要使用.load() ..使用jQuery.get() ^docs用于AJAX部分，使用.append() ^docs将它们添加到您想要的元素（，同时保留现有信息）

（您也可以缩进代码以避免评论// DONT DELETE ）

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

Answer 2

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

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的答案。

Answer 3

您可能希望查看除.load()之外的其他jQuery ajax方法 - .load()将填充所选元素（在这种情况下ID为“loadbox”的元素），并返回由对提供的URL的请求，它将始终覆盖现有内容。

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

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

阻止jquery替换文本

3 个答案: