为什么刷新页面后此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从另一个页面加载页面，这样做时，您可能只加载页面的一部分，因此ajax加载的页面标题中包含的任何脚本/ css引用是无关紧要的。

您需要的是在加载页面中引用jquery，因此，如果您有page1在加载page2，则应该在page1中引用jquery，而不是在page2中。