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

时间:2012-10-10 12:48:59

标签: javascript jquery ajax loading

我使用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 Validation代码加载此页面, 但重新加载后,它无法正常工作....没有它,它会像我想要的那样重新加载。

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

1 个答案:

答案 0 :(得分:0)

首先,如果您使用的是jquery,则不需要ajax()方法,只需使用jquery ajax即可。

其次,从我的理解你想要使用ajax从另一个页面加载页面,当你这样做时,你可能只加载页面的一部分,所以你在页面的标题中有任何脚本/ CSS引用由ajax加载是无关紧要的。

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