现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的
这是不用循环的方法
就是传过来的是一位数组
//编辑党建分类 function gk_bj(id){ $.post("{:U('Luser/lei_edlt')}",{id:id},function(v){ var html =''; html += '<input type="text" name="title" value="'+v.list['title']+'" >'; html += '<input type="text" name="hd_time" value="'+v.list['hd_time']+'" >'; html += '<input type="hidden" name="id" value="'+v.list['id']+'" >'; $('.gk_bian_2_1').html(html); $('.gk_bian').show(); }) };
这是需要循环的方法 用for循环的
就是传个来的多个二维数组
<script> $('.queding').click(function(){ var id = $('#tempVal').val(); var $val = $('#tempVal').val(); if($val == ''){ layer.msg('您没有选择给指定领导,请选择,也可多选', 1, 0); } $.get("{:U('Index/xuanren')}",{id:id},function(v){ $('.xuandao').hide(); var html = ''; var data = v.list; html += '<div class="xiexin_2_1">已选择领导:'; for(var i=0;i<data.length;i++){ html+= '<b>'+data[i]['name']+'</b><input type="hidden" name="ren[]" value="'+data[i]['id']+'">'; } html += '</div>'; $('.xuanzedao').html(html); }) }) </script>
<script> /*ajax不刷新页面搜索数据*/ $("#keyword").keyup(function(){ var n = $(this).val(); if(n!=""){ $.ajax({ url:"{:U('Ren/keyword')}", type: "POST", data: {title:n}, dataType: "JSON", success: function(v){ var str = ""; var aaa = v.list; //console.log(aaa,typeof(aaa)); if(aaa!=null){ for(var i=0;i<aaa.length;i++){ str += '<a href="/index.php?s=/Home/Ren/people/abc_id/' + aaa[i]['id'] + '"><p>' +aaa[i]['title']+ '</p></a>'; } }else{ str = '<span><p>您搜索的数据不存在!</p></span>'; } // console.log(str); $(".zuo_ss").html(str); } }); } }); </script>
这是需要循环的方法 用each循环的
就是传个来的多个二维数组
<script type="text/javascript"> $('.get_shi').change(function(){ var shengid=$(this).val(); $.post("{:U('getshi')}",{shengid:shengid},function(v){ var html = ''; $.each(v, function(index){ html += '<option value ="'+v[index].id+'" >'+v[index].name+'</option>' }); $('.get_quxian').html(html); }); return false; }); </script>
多数据请求 加if判断
<script> $('.bl_jianli_5_1a').on('click',function(){ var $p = $('#tj_page').val(); var $arr = "{$_list['s_zhiwei']}"; var $arr_id = "{$_list['id']}"; //加载层-风格3 var tishi = layer.load(2); $.get("{:U('Indexcl/get_jianli_hy_tj')}",{p:$p,arr:$arr,id:$arr_id},function(v){ layer.close(tishi); $('#tj_page').val(v.list.p);//分页赋值 var html = ""; var vo = v.list.list; $.each(vo,function(i){ html +='<div class="bl_jianli_5_21 fd fl" title="姓名 性别 | 年龄 | 学历 | 工作年限">'+ '<div class="bl_rencai_data_211 fl">'+ '<label class="bl_input_checkbox"><input type="checkbox" name="" value=""><i>✓</i></label>'+ '</div>'+ '<div class="bl_jianli_5_211 fl">'+ '<a href="/index.php?s=/Home/Index/jianli/id/'+vo[i]['id_data']+'.html">'+ '<h3>'+ '<span>'+vo[i]['user']['name']+'</span>'+ '<p>'+ '<i>'+vo[i]['user']['sex_data']+'</i>'+ '<i>'+vo[i]['user']['birth_data']+'</i>'+ '<i>'+vo[i]['user']['xueli_data']+'</i>'+ '<i>'+vo[i]['user']['gz_data']+'</i>'+ '</p>'+ '<b>'; if(vo[i]['user']['phone']){ html +='<span title="已手机认证" class="bl_jl_icon_4"></span>' } if(vo[i]['bl_jianli_zuopin_id']){ html +='<span title="有作品" class="bl_jl_icon_5"></span>' } if(vo[i]['ziwo_pingjia']){ html +='<span title="有测评报告" class="bl_jl_icon_6"></span>' } html +='</b>'+ '<em title="'+vo[i]['data']['didian']+'">'+vo[i]['didian'][1]+'</em></h3>'+ '<h4 title="简历名称">'; if(vo[i]['name']){ html +='<span>'+vo[i]['name']+'</span>' }else{ html +='<span>'+vo[i]['gz_data'][0]+' 等相关职位</span>' } html +='<i>'+vo[i]['up_time_data']+'更新</i>'+ '</h4>'+ '<h5>'; var gz_data = vo[i]['gz_data']; $.each(gz_data,function(ii){ html +='<span>'+gz_data[ii]+'</span>' }) html +='</h5>'+ '</a>'+ '</div>'+ '</div>' }) $('#tj_jl_vo').html(html); }) }) </script>