javascript - 为什么这个 jquery 代码在刷新页面后不起作用？

Question

我使用 AJAX 文件加载我的网页。但是在重新加载页面后，如果有任何 JQuery 代码可用，它就无法正常工作。请让我知道如何更改 AJAX 代码或如何重新加载 JQuery 代码。

var xmlHttp;
function createRequest(){
  if(window.ActiveXObject){
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } else if(window.XMLHttpRequest){ 
    xmlHttp = new XMLHttpRequest();
  }
}

function ajax(url){
  createRequest();
  xmlHttp.open("GET", url, true);
  xmlHttp.onreadystatechange = updatepage;
  xmlHttp.send(null);
}

function updatepage(){
    document.getElementById('load_ajax').innerHTML = "<div id='load_ajax' align='center'><img src='../images/loding.gif'><font dir ='ltr'>...لطفا کمی صبر کنید<font></div>";
    if(xmlHttp.readyState == 4){
        document.getElementById('load_ajax').innerHTML = xmlHttp.responseText;
    }

例如，我想使用 Jquery 验证代码来加载此页面，但是重新加载后，它不起作用....没有它，它会按我想要的方式重新加载。

$.validator.addMethod("NumbersOnly", function(value, element) {
       return this.optional(element) || /^[0-9\-\+]+$/i.test(value);
   }, "فقط عدد وارد کنید");
    $("#form1").validate();

Answer 1

首先，如果您使用的是 jquery，则不需要 ajax() 方法，只需使用 jquery ajax这要容易得多。

其次，根据我的理解，您想使用 ajax 从另一个页面加载一个页面，当您这样做时，您可能只加载页面的一部分，因此页面标题中的任何脚本/css 引用由 ajax 加载是无关紧要的。

你需要的是在加载页面中引用 jquery，所以如果你有 page1 加载 page2，你应该在 page1 而不是 page2 中引用 jquery。