jquery $.post() 向php传值 实现简单的二级联动

 所谓的二级联动就是你点选一个按钮或者选择一个内容时,页面显示变化。以下代码只是一个非常简单的实现方式,仅仅作为参考。

 jquery代码:

 1 其中selectid是一个下拉菜单的id

 $().ready(function () {
$("#selectid").change(function () {
$("#selectid").empty();
var ov = $("#selectid").val();
$.post(
"ajax_func.php",//需要纯php代码,不要有html混杂
{role: ov},
function (data) {
var datas = JSON.parse(data);
          // 若jquery each报 Uncaught TypeError: Cannot use 'in' operator to search for错误,则需要JSON.parse(data)函数处理下传过来的数据
var shtml ="";
$.each(datas, function (k,v) {
shtml += "<label>" +v + "&nbsp;<input type='checkbox' name='vs[]' value='" + v + "'></label>";
});
$("#selectid").append(shtml);
}
);
});
});
服务器端php代码:
<?php
/**
* desc 处理ajax post
*/
if(isset($_POST['role'])){
$gamesIps = array('111','222','333');
echo(json_encode($gamesIps));
}
上一篇:Tomcat 7最大并发连接数的正确修改方法


下一篇:UML model refactoring: a systematic literature review