將xmlHttp = GetXmlHttpObject（）轉換成Jquery淡入淡出效果

Question

幾年前，我侵入了一個我在線發現的腳本，它使用Javascript和GetXmlHttpObject方法更改某些頁面內容。總而言之，在偉大的作品，你可以在此頁面上看到 -

Downtown Transmission Staff

如果你點擊它需要你給他（她）的輪廓與在讀「下一步會員」鏈接一位工作人員對右上。

這種情況的代碼如下：

<span id='next_staff' onClick="change(8,'staff',1)" >Next Team Member</span> 

所以我傳遞三個參數，一個是工作人員的id，這個詞的工作人員是switch語句，和數字1是將腳本告訴工作人員所屬的商店（某些客戶有多個商店）。

我的目標是保持每個工作人員的相同的url結構，如「？member = 5 & shop = 1」在url中，但轉換javascript我使用給我一個很好的jQuery效果，如淡入淡出或在內容上滑動。

我會假設，因爲我已經獲取內容，它正在工作，我應該能夠修改jQuery的JavaScript - 不是嗎？

我試過，但不能插入我的代碼，但你可以在Javascript Code

看到它我真的希望得到任何幫助，我一直在使用其他來源的在線多年，但這個網站一直來了，因爲我搜索求助。謝謝！

Answer 1

假設不是最好的解決方案，但最小的變化：

function stateChanged(){ 
    if (xmlHttp.readyState==4){ 
     var xmlDoc=xmlHttp.responseXML.documentElement; 
     $("#staff_profile").fadeOut(100, function() { 
      switch(typex){ 
       case 'service': 
       //... 
       break; 
      case 'staff': 
       document.getElementById("staffnameheader").innerHTML = xmlDoc.getElementsByTagName("stafftitle")[0].childNodes[0].nodeValue; 
       document.getElementById("staffdesc").innerHTML = xmlDoc.getElementsByTagName("staffdescription")[0].childNodes[0].nodeValue; 
       document.getElementById("staffimg").src = xmlDoc.getElementsByTagName("staffimage")[0].childNodes[0].nodeValue; 
       document.getElementById("navbutton").innerHTML = xmlDoc.getElementsByTagName("nextstaff")[0].childNodes[0].nodeValue; 
      break; 
      case 'affiliate': 
       //... 
      break; 
      } 
      $("#staff_profile").fadeIn(100); 
     }); 
    } 
}