我正在嘗試建立一個表格，客戶可以在其中輸入他們從我的網站訂購的商品的運輸信息。我運送到美國和加拿大，所以我想讓他們從國家下拉框中選擇“美國”或“加拿大”，然后使用 ajax 和 php 創建州/省的選擇選項列表無需重新加載頁面即可選擇所選國家/地區。我的 header.php 和 footer.php 只包含頁面布局的格式化 div，以及 css 和 javascript href 的鏈接“ http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery。最小.js ”。我不知道缺少什么，或者我做錯了什么，因為這是我第一次處理 javascript，我已經嘗試了幾個關于如何做到這一點的教程，當我更改選擇時，所有這些都不起作用。如果我更改國家/地區的選擇，則州/省部分 #response 根本沒有任何更新。我將所有州/省和國家/地區轉換為我的 MySQL 數據庫中的條目，并且通過上面的查詢，它現在可以工作了。我還必須手動將 jquery.min.js 文件下載到我的 js 文件夾才能使其實際工作，因為它不想讀取遠程文件。
3 回答
呼啦一陣風
TA貢獻1802條經驗 獲得超6個贊
dataType:"json", 您需要刪除這一行，因為您沒有從 process-request.php 返回 json，它只是返回 html 代碼。
紫衣仙女
TA貢獻1839條經驗 獲得超15個贊
問題可能出在您的 AJAX 調用上。您指定：
contentType:"application/json; charset-utf-8",
dataType:"json",
您正在從 PHP 頁面發回 HTML。試試那個。/echo/html/ 和其他編輯適用于 JSFiddle。只需放回舊值，更改數據類型并取出內容類型。
$("#cc").on("change",function(){
var selected = $(this).val();
$.ajax({
type:"POST",
url:"process-request.php",
data: { cc : selected },
dataType:"html",
async:false,
success: ccSuccess,
error: AjaxFailed
});
});
function ccSuccess(result)
{ alert(result);
$("#response").html(result);
}
function AjaxFailed(result)
{
$("#response").html("<p class='error'>Failed to Load State/Province Codes</p>");
}
白衣染霜花
TA貢獻1796條經驗 獲得超10個贊
試試這個。
return json_encode($countryArr[$country])在你的 php 腳本中做一個。刪除回聲部分。
function ccSuccess(result)
{
alert(result);
var country = JSON.parse(result);
var html = "";
html += "<select name='sp'>";
for(var i =0; i < country.length; i++)
{
html +="<option value='"+ country[i] +"'>"+ country[i] +"</option>";
}
html += "</select>";
$("#response").html(html);
}
- 3 回答
- 0 關注
- 202 瀏覽
添加回答
舉報
0/150
提交
取消