我的jQuery AJAX犯規似乎在IE6

Question

工作

我用我的項目的jQuery AJAX多數民衆贊成工作在我的Firefox不錯，但它似乎在IE6 工作如何讓IE6 jQuery的阿賈克斯工作，這是我的代碼

function Load_State(inp) 
{ 

$.ajax({ 
    type: "GET", 
    url: "<?=base_url()?>/system/application/views/ssitAjax.php", 
    data: "selCurCountry="+inp, 
    success: function(msg){ 
    //alert( msg); 
    document.getElementById('selCurState').innerHTML=msg; 
    } 
}); 
} 
function Load_City(inp) 
{ 

$.ajax({ 
    type: "GET", 
    url: "<?=base_url()?>/system/application/views/ssitAjax.php", 
    data: "selCurState="+inp, 
    success: function(msgq){ 
    //alert( msgq); 
    document.getElementById('selCurCity').innerHTML=msgq; 
    } 
}); 
} 

這是我SSIT AJAX頁面

<?php 

include('dbConnection.php'); 

session_start(); 
if(($_GET['selCurCountry']!="") || (isset($_GET['selCurCountry']))) 
{ 

      $Country = $_GET['selCurCountry']; 
      $_SESSION['Country'] = $Country; 

      $query = "SELECT dState_id,dStateName 
          FROM tbl_state 
          WHERE dCountry_id='$Country' 
          AND dIsDelete='0'"; 


      $result = mysql_query($query,$cn) or die("Selection Query Failed !!!"); 

      echo '<option value="0">Select The State</option>'; 

      while($rowset = mysql_fetch_array($result)) 
      { 
       echo "<option value='".$rowset[0]."'>".$rowset[1]."</option>"; 
      } 

} 
else if(($_GET['selCurState']!="") || (isset($_GET['selCurState']))) 
{ 

      $State = $_GET['selCurState']; 
      $_SESSION['state'] = $State; 
      $query = "SELECT dCity_id,dCityName FROM tbl_city 
         WHERE dState_id='$State' 
         AND dIsDelete='0'"; 


      $result = mysql_query($query,$cn) or die("Selection Query Failed !!!"); 


      echo '<option value="0">Select The City</option>'; 

      while($rowset = mysql_fetch_array($result)) 
      { 
       echo "<option value='".$rowset[0]."'>".$rowset[1]."</option>"; 
      } 



}?> 

編輯：

<option value="0">Select The State</option> 
<option value='1'>Andhra Pradesh</option><option value='2'>Arunachal Pradesh</option><option value='3'>Assam</option><option value='4'>Bihar</option><option value='5'>Chandigarh</option><option value='6'>Chhattisgarh</option><option value='7'>Dadra and Nagar Haveli</option><option value='8'>Daman and Diu</option><option value='9'>Delhi</option><option value='10'>Goa</option><option value='11'>Gujarat</option><option value='12'>Haryana</option><option value='13'>Himachal Pradesh</option><option value='14'>Jammu and Kashmir</option><option value='15'>Jharkhand</option><option value='16'>Karnataka</option><option value='17'>Kerala</option><option value='18'>Lakshadweep</option><option value='19'>Madhya Pradesh</option><option value='20'>Maharashtra</option><option value='21'>Manipur</option><option value='22'>Meghalaya</option><option value='23'>Mizoram</option><option value='24'>Nagaland</option><option value='25'>Orissa</option><option value='26'>Puducherry</option><option value='27'>Punjab</option><option value='28'>Rajasthan</option><option value='29'>Sikkim</option><option value='30'>Tamil Nadu</option><option value='31'>Tripura</option><option value='32'>Uttar Pradesh</option><option value='33'>Uttarakhand</option><option value='34'>West Bengal</option> 

Answer 1

哦等一下 - 我想我知道問題是什麼。在IE6中，你不能僅僅替換這樣的<select>元素的「innerHTML」。你必須從頭開始重建整個<select>。 （或者你可以空出來的<select>元素options陣列，並與DOM API的重建它們。）

嘗試包裹在<span>標籤<select>要素（與「ID」的值），然後重建那些「的innerHTML」再次添加<select>元素。這是我所知道的一個痛苦，它可能會弄亂其他的東西，但這將是一個很好的實驗來驗證我的懷疑。

Answer 2

我以前沒有遇到PHP，但在IE中使用ajax/get/post調用時有類似的奇怪現象。你有沒有試過指定內容類型？

$.ajax({ url: "/home/myPage.aspx", 
     type: "GET", 
     data: { selCurrCountry: inp }, 
     content-type: "application/json", 
     success: function(data) { 
      alert("Yay!"); 
     } 
}); 

此外，如果您需要在查詢字符串數據值，爲什麼不把它添加到URL，並設置數據：{}或不呢？

$.ajax({ url: "/home/myPage.aspx?selCurCountry=" + inp, 
     type: "GET", 
     success: function(data) { 
      alert("Yay!"); 
     } 
}); 

希望這會有所幫助。