jquery $.post() 向php傳值 實現簡單的二級聯動
阿新 • • 發佈:2017-07-10
chang var box jquer lec 簡單 cnblogs encode can
1 其中selectid是一個下拉菜單的id
2
3 $().ready(function () {
4 $("#selectid").change(function () {
5 $("#selectid").empty();
6 var ov = $("#selectid").val();
7 $.post(
8 "ajax_func.php",//需要純php代碼,不要有html混雜
9 {role: ov},
10 function (data) {
11 var datas = JSON.parse(data);
// 若jquery each報 Uncaught TypeError: Cannot use ‘in‘ operator to search for錯誤,則需要JSON.parse(data)函數處理下傳過來的數據
12 var shtml ="";
13 $.each(datas, function (k,v) {
14 shtml += "<label>" +v + " <input type=‘checkbox‘ name=‘vs[]‘ value=‘" + v + "‘></label>";
15 });
16 $("#selectid").append(shtml);
17 }
18 );
19 });
20 });
以上是jquery的代碼
<?php
/**
* desc 處理ajax post
*/
if(isset($_POST[‘role‘])){
$gamesIps = array(‘111‘,‘222‘,‘333‘);
echo(json_encode($gamesIps));
}
以上是服務器端php代碼。
jquery $.post() 向php傳值 實現簡單的二級聯動