如何将数据附加到元素

时间:2014-03-05 07:28:53

标签: jquery

我有一个滚动条,我想要附加一个tr数据。我不知道该怎么做,并希望有人能指出我正确的方向。我目前正在使用load,但它正在消除已存在的行,并将其替换为我要追加的行。

到目前为止,这是我的代码

var refresh = setInterval(function() {
  $("#scroll tbody").load("scroller.asp");
},10000);

我发现了一个我认为适用于我的案例的片段,但我不确定如何将加载的数据放入其中。我是否需要ajax或者是否可以将load的返回值输出到变量中?

  $('<html here>')
      .hide().prependTo('#container').slideDown("slow").css('color','red');

3 个答案:

答案 0 :(得分:1)

您无法使用jQuery.load()方法追加内容。使用ajax或jquery .get,

$.ajax({
  url: "scroller.asp",
  success: function (data) { $("#scroll tbody").append(data); },
  dataType: 'html'
 });

答案 1 :(得分:0)

load函数替换内容。要附加内容,您可以执行ajax GET请求,然后将该数据附加到“#scroll tbody”中。 像这样:

$.get('scroller.asp', function(data){ 
  $("#scroll tbody").append(data);
});

否则,创建一个临时HTML元素,将scroller.asp数据加载到其中,然后将该元素内容附加到“#scroll tbody”

答案 2 :(得分:0)

实际上,以下功能会直接在HTML中加载table数据scroll

$("#scroll tbody").load("scroller.asp");

因此,从服务器检索到的所有内容都已插入(替换标识为HTLM的旧table#scroll,这也是ajax,但要通过修改手动附加响应在插入之前,您可以使用不同的功能,如:

$.get("scroller.asp", function(response){
    $("#scroll tbody").append(response);
});