码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-07-10 20:08:59      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:cannot   size   checkbox   tor   ror   arc   end   html   operator   

 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 + "&nbsp;<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传值 实现简单的二级联动

标签:cannot   size   checkbox   tor   ror   arc   end   html   operator   

原文地址:http://www.cnblogs.com/manzb/p/7147305.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!