AJAX函數參數爲空？

Question

我得到了JS的問題：

在第1至第4行，我從DOM獲取所有「a」元素並獲得它們的hrefs。 以後我想通過AJAX重新加載URL，但是href無法正確到達......什麼錯誤？

$(document).ready(function(){ 
    $('a').click(function(e){ 
     ajaxReload($(this).attr('href')); 
     e.preventDefault(); 
    }); 
}); 

function ajaxReload(href) { 

var xmlhttp = null; 

    if (window.XMLHttpRequest) { 
     xmlhttp = new XMLHttpRequest(); 
    } 
    // IE 
    else if (window.ActiveXObject) { 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlhttp.open("GET", href, true); 
    xmlhttp.onreadystatechange = function() { 

     if(xmlhttp.readyState != 4) { 
      document.write('loading'); 
     } 
     if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      alert('hello'); 
      //alert('getting '+xmlhttp.status+' for '+href); 


      var pureHTML = xmlhttp.responseText; 
      var ajaxstart = pureHTML.indexOf('<!-- AJAX START -->'); 
      var ajaxend = pureHTML.indexOf('<!-- AJAX END -->'); 
      var ajaxContent = pureHTML.substring(ajaxstart, ajaxend); 

      var writeContent = document.getElementById('content'); 
      writeContent.innerHTML = ajaxContent; 

     } 
    } 
    xmlhttp.send(null); 
} 

Answer 1

對不起，如果我誤解了你的代碼。我認爲，你只需要（至少近似）只是刪除代碼註釋如下：

//$('a').click = function(href) { 

    var pureHTML = xmlhttp.responseText; 
    var ajaxstart = pureHTML.indexOf('<!-- AJAX START -->'); 
    var ajaxend = pureHTML.indexOf('<!-- AJAX END -->'); 
    var ajaxContent = pureHTML.substring(ajaxstart, ajaxend); 

    $("content").html(ajaxContent); 

// ajaxReload(href); //this would cause a loop? 

// return false; 
//} 

要回答你後面的問題 - 你可以改變你的事件傳播搬運到：

$(document).ready(function(){ 
    $('a').click(function(e){ 
     ajaxReload($(this).attr('href')); 
     e.preventDefault(); 
    }); 
}); 

而對於進一步的評論，也許嘗試改變你：

document.write('loading'); 

要：

$("content").html(xmlhttp.status); //so now you can see the loading status for testing