Ajax请求后，Javascript代码不起作用

Question

我使用ajax重新加载页面，但是我遇到的问题是javascript代码仅在第一次工作，然后在刷新后不起作用，我将此javascript代码用于ajax：

function showUser(str, pageno, type, sub) {
    if (str == "" || pageno == "" || type == "" || sub == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    }
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET", "<?php echo $view['router']->generate('listing') ?>?page=" + pageno + "&genre=" + str + "&cat=" + type + "&subcat=" + sub, true);
    xmlhttp.send();
}

在清单页面中，我喜欢这样：

$(document).ready(function () {
    alert('test'); //I see alert message only at the first time I run the page
    $("#category-table").tablesorter();
});

有人有主意吗？

Answer 1

如果您使用jquery的ajax，不仅可以为您解决跨浏览器可能出现的所有问题，还可以获得方便的回调。

您的问题是，ajax请求后，就绪事件未在文档上触发。 因此，您需要对ajax请求使用回调，因此，一旦完成，就可以重新运行tablesorter插件。

您可以通过在将响应文本分配给DIV html之后重新调用该插件委托方来实现。 但是，由于有了jquery，您可以自己简化事情

将函数更改为：

function showUser(str, pageno, type, sub) {

    var ele = $('#txtHint');

    if (str == "" || pageno == "" || type == "" || sub == "") {
        ele.html('');
        return;
    }

    ele.load("<?php echo $view['router']->generate('listing') ?>?page=" + pageno + "&genre=" + str + "&cat=" + type + "&subcat=" + sub, function(){

        $("#category-table").tablesorter();

    });


}

Answer 2

尝试这个

function showUser(str, pageno, type, sub) {
  var $txtHint = $("#txtHint");
  $txtHint.empty();
  if (str &&  pageno  && type && sub) { // assuming none of them are 0
    $txtHint.load("<?php echo $view['router']->generate('listing') ?>",
    {"page":pageno, "genre":str,"cat":type, "subcat":sub},
      function() {
        $("#category-table").tablesorter();
      }
    );
  }
}