jQuery的Ajax和GET不工作

我的HTML代碼jQuery的Ajax和GET不工作

<select id="country" name="country" onchange="updateState()"> 
    <option value="1">Country 1</option> 
    <option value="2">Country 2</option> 
    <option value="3">Country 3</option> 
</select> 
<select id="state" name="state"> 
    <option value="1">State 1</option> 
    <option value="2">State 2</option> 
    <option value="3">State 3</option> 
</select>

和IM這一和平努力更新狀態選擇使用jQuery阿賈克斯

<script type="text/javascript"> 
function updateState(){ 
    var state = $('#country').val(); 
    alert(state); 
    $.ajax(
    { 
     type: "GET", 
     url: "../functions/selectstate.php", 
     data: { sta : state } 
    }).done(function(html) 
    { 
      $('#state').empty(); 
      $('#state').append(html); 

    }) 
    } 
} 
</script>

selectstate.php有這樣的PHP代碼，我測試它和工作很好

include_once('select.php'); 
include_once('cndb.php'); 
$sDB = new SelectDb(); 
$data = $sDB->selectStatesById($_GET['sta']); 
foreach($data as $row) 
{ 
    echo "<option value=" . $row->state . ">" . $row->name . "</option>"; 
}

我只是不能看到問題出在哪裏。在此先感謝

來源

2013-05-02 manumotate

嘗試刪除..鏈接 – TGH 2013-05-02 04:35:05

前檢查您的瀏覽器控制檯來查看錯誤。它給出了404 – 2013-05-02 04:35:35

使用瀏覽器的工具（例如IE或Chrome中的F12）觀察HTTP流量。看看當請求URL時會發生什麼。 – 2013-05-02 04:36:04

HTML

<select id="country" name="country"> 
    <option value="1">Country 1</option> 
    <option value="2">Country 2</option> 
    <option value="3">Country 3</option> 
</select> 
<select id="state" name="state"> 
    <option value="1">State 1</option> 
    <option value="2">State 2</option> 
    <option value="3">State 3</option> 
</select>

SCRIPT

<script type="text/javascript"> 
    $(document).on('change','#country',function(){ 
     var state = $('#country').val(); 
     alert(state); 
     $.ajax(
     { 
      type: "GET", 
      url: "../functions/selectstate.php", 
      data: { sta : state } 
     }).done(function(html) 
     { 
      //$('#state').empty(); 
      //$('#state').append(html); 
      $('#state').html(html); 
      // you can use it insetead of the above two lines 
     }) 
     //}<-- here is th problem remove this extra bracket 
    }); 
</script>

來源

2013-05-02 04:50:13

非常感謝，這讓我瘋狂了...... – manumotate 2013-05-02 04:55:41

嘗試使用下面的方法。這可能有助於
HTML代碼：

<select id="country" name="country" onchange="updateState()"> 
<option value="1">Country 1</option> 
<option value="2">Country 2</option> 
<option value="3">Country 3</option> 
</select> 
<div id="stateDiv"> 
    <select id="state" name="state"> 
    <option value="1">State 1</option> 
    <option value="2">State 2</option> 
    <option value="3">State 3</option> 
    </select> 
</div>

JavaScript代碼：

... 
... 
.done(function(result) 
{ 
    $('#stateDiv').html(result); 
}) 
... 
...

PHP代碼：

... 
... 
echo '<select id="state" name="state">'; 
foreach($data as $row) 
{ 
echo "<option value=" . $row->state . ">" . $row->name . "</option>"; 
} 
echo '</select>'; 
... 
...

來源

2013-05-02 04:47:42 asifsid88

jQuery的Ajax和GET不工作

回答

相關問題