这是不用循环的方法

就是传过来的是一位数组

//编辑党建分类
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. 为什么和什么是 DevOps?

    原文地址 本文内容 为什么 DevOps 什么是 DevOps DevOps 所带来的好处 如何将 DevOps 落到实处? 关于 DevOps 的澄清 参考资料 编写软件之所以难,是因为没有哪两个软 ...

  2. ubuntu crontab 在时间段内随机执行一次

    crontab 在linux下做定时任务的命令, 1. 基本格式 * * * * * cmd 第一个表示:分钟 1-59, 每分钟用 */1 第二个表示:小时 023 第三个表示:日期1-31 第四个 ...

  3. java command line error opening registry key 'Software\JavaSoft\Java Runtime Environment' java.dll

    C:\Users\huxxxxchan>javaError: opening registry key 'Software\JavaSoft\Java Runtime Environment'E ...

  4. JVM的7种垃圾收集器:主要特点 应用场景 设置参数 基本运行原理

    原文地址:https://blog.csdn.net/tjiyu/article/details/53983650 下面先来了解HotSpot虚拟机中的7种垃圾收集器:Serial.ParNew.Pa ...

  5. 关于input时间框设置了弹出选择就不能手动输入的控制

    <input class="Wdate" onclick="WdatePicker({minDate:'#F{$dp.$D(\'startDate\');}',ma ...

  6. android下使用tcpdump抓包

    tcpdump是linux下的抓包工具,在android中没有,需要下载对应的工具. 下载地址:https://www.androidtcpdump.com/android-tcpdump/downl ...

  7. C# 读写文件摘要

    主要参考地址:https://www.cnblogs.com/chenyangsocool/p/7511161.html 首先下载微软提供的工具:DsoFile  (微软官网下载传送门) 读写自定义摘 ...

  8. JS模块化:CommonJS和AMD(Require.js)

    早期的JS中,是没有模块化的概念的,这一情况直到09年的Node.js横空出世时有了好转,Node.js将JS作为服务端的编程语言,使得JS不得不寻求模块化的解决方案. 模块化概念 在JS中的模块是针 ...

  9. 【Java】Java Queue的简介

    阻塞队列 阻塞队列有几个实现: ArrayBlockingQueue LinkedBlockingQueue PriorityBlockingQueue DelayQueue SynchronousQ ...

  10. 11gr2 RAC安装INS-35354问题一例

    转自:http://www.askmaclean.com/archives/11gr2-rac安装ins-35354问题一例.html 今天在安装一套11.2.0.2 RAC数据库时出现了INS-35 ...