这是不用循环的方法

就是传过来的是一位数组

//编辑党建分类
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>

现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的的更多相关文章

  1. laravel中form表单,ajax传值没反应

    laravel中form表单,ajax传值没反应时,可能是令牌有问题. form中添加: {{csrf_token()}} ajax中添加: data: {'page': page, '_token' ...

  2. 使用ajax传值,后台乱码

    spring mvc,使用ajax传值,后台发现是乱码 解决方法:  后台的方法里加入  request.setCharacterEncoding("UTF-8"); 就行了 我前 ...

  3. AJAX传值中文乱码

    AJAX传值时采用的是UTF-8编码格式,客户端中文字符传输到服务器端时,如果服务器编码格式或者所采用的MVC框架的编码格式不是UTF-8,则很可能会出现中文乱码.解决办法如下: 客户端用js函数en ...

  4. JQuery在asp.net中三种ajax传值

    1)通过webservice,注意去掉注释[System.Web.Script.Services.ScriptService]这行前的注释 2)通过aspx.cs文件中的静态方法 3)通过aspx文件 ...

  5. SpringMVC项目中中文字符乱码问题及解决办法总结(非专业最优解决办法) -- ajax传值乱码; request.getParameter()乱码;

    情况一: ajax中传值时是乱码(后台可以获取到中文字符,但用@ResponseBody返回时前台为乱码) 情况二: Controller 中 request.getParameter()获取到的是乱 ...

  6. ajax传值出现乱码问题

    第一种:前台传值到后台,浏览器控制台打印正常,controller接收后成了乱码. 后台controller层加上两行转换代码 name=URLDecoder.decode(name,"ut ...

  7. jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法

    最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...

  8. ajax传值方式为数组

    js: function responseJson1(){    var array=[1001,1002];    var str="";        //获取table对象  ...

  9. ASP.NET MVC 后台接收集合参数和 jquery ajax 传值

    MVC 接收参数数组(集合)   示例样本:   public class Person {      public string FirstName { get; set; }      publi ...

随机推荐

  1. Java线程池 / Executor / Callable / Future

    为什么需要线程池?   每次都要new一个thread,开销大,性能差:不能统一管理:功能少(没有定时执行.中断等).   使用线程池的好处是,可重用,可管理.   Executor     4种线程 ...

  2. 启动vmware虚拟机报错:“无法获得VMCI驱动程序的版本:句柄无效”

    启动vmware虚拟机的时候报错: 找到对应虚拟机的文件夹路径: 用记事本打开CentOS 64位.vmx,找到这么一行: vmci0.present = "TRUE" 把TRUE ...

  3. IE10、IE11使用 __doPostBack 出现未定义问题

    在公司的老项目中分页控件使用了 __doPostBack 方式,在IE兼容模式下正常,在IE10.IE11中 __doPostBack 出现未定义问题. 百度查阅资料得知,这是微软NET环境下的一个B ...

  4. Java通过JNI调用C++程序

    JNI是Java Native Interface的缩写,中文为JAVA本地调用.使用JNI可以很方便的用我们的Java程序调用C/C++程序.很多时候,某些功能用Java无法实现,比如说涉及到底层驱 ...

  5. 【Zookeeper】源码分析之网络通信(三)之NettyServerCnxn

    一.前言 前面已经学习了NIOServerCnxn,接着继续学习NettyServerCnxn. 二.NettyServerCnxn源码分析 2.1 类的继承关系 public class Netty ...

  6. 使用 bibtex4word 实现在 office word 中管理并插入参考文献

    使用 bibtex4word 实现在 office word 中管理并插入参考文献, 简单的步骤流程如下: 1. 下载bibtex4word.zip  (无需安装): 下载地址: http://www ...

  7. 老司机在zabbix上的一次翻车

    [前言] 自以为是zabbix的老司机了,没有想到今天翻车了! 一般人出错了都可以找到一个借口.我就不一样啦,我感觉我可以找两个1): 针对官方文档 给出的操作步骤没有经过深入的思考 2): 今天没有 ...

  8. Atitit 数据库表文档生成解决方案

    Atitit 数据库表文档生成解决方案 1.1. Sql dml文件结构法 最快速1 1.2. Sql法+sp存储过程 (表格式样)1 1.3. Navicate uml法 (uml格式)2 1.4. ...

  9. java框架篇---hibernate之CRUD操作

    CRUD是指在做计算处理时的增加(Create).读取(Retrieve)(重新得到数据).更新(Update)和删除(Delete)几个单词的首字母简写. 下面列举实例来讲解这几个操作: 实体类: ...

  10. STM32F103ZET6 之 ADC+TIM+DMA+USART 综合实验

    1.实验目的 1)使用 TIM1 触发 ADC,ADC 采集的数据通过DMA 传至内存,然后通过串口打印出采集的数据: 2)学会 DMA 传输数据并将数据进行保存: 3)验证ADC 的采样率与实际设置 ...