AJAX, jQuery

chung

各位前輩好

小弟最近摸索AJAX及jQuery遇到一個問題
一般來講
若要使用jQuery 的方式執行Ajax 撈基本資料庫內容是可行的
function showCD(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getcd.php?q="+str,true);
xmlhttp.send();
}

只需利用上述函式便可達到

若是被呼叫的網頁檔本身也含有一些jQuery 的特效  確無法正常顯示  
例如若getcd.php本身為google map的程式

<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(x, y);
    var myOptions = {
      zoom: 18,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
               
        var marker = new google.maps.Marker({map: map, position:
        map.getCenter()});
      var infowindow = new google.maps.InfoWindow();
      infowindow.setContent('');
      google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker);
      });       
}
       
</script>

當使用第一段函式去呼叫含有map程式碼的檔案時
無法正常執行...也沒有錯誤訊息產生

若單獨執行含有map程式的檔案...,map 是可以正確執行的
請問前輩....這是什麼原因????