现在越来越喜欢用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>
现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的的更多相关文章
- laravel中form表单,ajax传值没反应
laravel中form表单,ajax传值没反应时,可能是令牌有问题. form中添加: {{csrf_token()}} ajax中添加: data: {'page': page, '_token' ...
- 使用ajax传值,后台乱码
spring mvc,使用ajax传值,后台发现是乱码 解决方法: 后台的方法里加入 request.setCharacterEncoding("UTF-8"); 就行了 我前 ...
- AJAX传值中文乱码
AJAX传值时采用的是UTF-8编码格式,客户端中文字符传输到服务器端时,如果服务器编码格式或者所采用的MVC框架的编码格式不是UTF-8,则很可能会出现中文乱码.解决办法如下: 客户端用js函数en ...
- JQuery在asp.net中三种ajax传值
1)通过webservice,注意去掉注释[System.Web.Script.Services.ScriptService]这行前的注释 2)通过aspx.cs文件中的静态方法 3)通过aspx文件 ...
- SpringMVC项目中中文字符乱码问题及解决办法总结(非专业最优解决办法) -- ajax传值乱码; request.getParameter()乱码;
情况一: ajax中传值时是乱码(后台可以获取到中文字符,但用@ResponseBody返回时前台为乱码) 情况二: Controller 中 request.getParameter()获取到的是乱 ...
- ajax传值出现乱码问题
第一种:前台传值到后台,浏览器控制台打印正常,controller接收后成了乱码. 后台controller层加上两行转换代码 name=URLDecoder.decode(name,"ut ...
- jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法
最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如 ...
- ajax传值方式为数组
js: function responseJson1(){ var array=[1001,1002]; var str=""; //获取table对象 ...
- ASP.NET MVC 后台接收集合参数和 jquery ajax 传值
MVC 接收参数数组(集合) 示例样本: public class Person { public string FirstName { get; set; } publi ...
随机推荐
- 为什么和什么是 DevOps?
原文地址 本文内容 为什么 DevOps 什么是 DevOps DevOps 所带来的好处 如何将 DevOps 落到实处? 关于 DevOps 的澄清 参考资料 编写软件之所以难,是因为没有哪两个软 ...
- ubuntu crontab 在时间段内随机执行一次
crontab 在linux下做定时任务的命令, 1. 基本格式 * * * * * cmd 第一个表示:分钟 1-59, 每分钟用 */1 第二个表示:小时 023 第三个表示:日期1-31 第四个 ...
- 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 ...
- JVM的7种垃圾收集器:主要特点 应用场景 设置参数 基本运行原理
原文地址:https://blog.csdn.net/tjiyu/article/details/53983650 下面先来了解HotSpot虚拟机中的7种垃圾收集器:Serial.ParNew.Pa ...
- 关于input时间框设置了弹出选择就不能手动输入的控制
<input class="Wdate" onclick="WdatePicker({minDate:'#F{$dp.$D(\'startDate\');}',ma ...
- android下使用tcpdump抓包
tcpdump是linux下的抓包工具,在android中没有,需要下载对应的工具. 下载地址:https://www.androidtcpdump.com/android-tcpdump/downl ...
- C# 读写文件摘要
主要参考地址:https://www.cnblogs.com/chenyangsocool/p/7511161.html 首先下载微软提供的工具:DsoFile (微软官网下载传送门) 读写自定义摘 ...
- JS模块化:CommonJS和AMD(Require.js)
早期的JS中,是没有模块化的概念的,这一情况直到09年的Node.js横空出世时有了好转,Node.js将JS作为服务端的编程语言,使得JS不得不寻求模块化的解决方案. 模块化概念 在JS中的模块是针 ...
- 【Java】Java Queue的简介
阻塞队列 阻塞队列有几个实现: ArrayBlockingQueue LinkedBlockingQueue PriorityBlockingQueue DelayQueue SynchronousQ ...
- 11gr2 RAC安装INS-35354问题一例
转自:http://www.askmaclean.com/archives/11gr2-rac安装ins-35354问题一例.html 今天在安装一套11.2.0.2 RAC数据库时出现了INS-35 ...