ajax方式如何把多个对象传到后台?

通过多选已经把数据都得到了图片说明

想通过ajax方式把数据传递到后台,然后批量删除图片说明

前后台代码应该怎么样传递

图片说明

3个回答

使用序列化工具,传递这个复杂参数,data 那一项用这样的处理:

$.ajax({
        type : 'post',
        contentType: "application/json",//必须指定,否则会报415错误
        dataType : 'json',
        url : encodeUri,
        data : JSON.stringify(data),//序列化复杂对象
        success : function(data) {

        },
        error : function(XMLHttpRequest, textStatus, errorThrown) {
        }
    });
dabocaiqq
请多多姿瓷阿木小镇 专家!
6 个月之前 回复

既然你有多个对象,完全可以再构造一个对象,把它们作为这个对象的一个成员(数组的类型),都装进去,之后问题又变成json传1个对象,你就会了。

不是应该把id获得出来,然后合并成为一个数组告知后台更加方便简洁吗

zt13502162671
zt13502162671 data:{list:newlist}或者data:{list:JSON.stringify(list)}
5 个月之前 回复
zt13502162671
zt13502162671 回复窝窝乡_独行妖侠: 那你可以选择这样:先看jquery.ajax文档,然后试试data:{}
5 个月之前 回复
weixin_42107641
窝窝乡_独行妖侠 后来我是这样处理的,首先我得学会把对象传过去
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何点击一个图片然后返回这个图片相关的所有信息。。就是怎么用AJAX把客户端的信息传到后台然后再把值返回到浏览器
如何点击一个图片然后返回这个图片相关的所有信息。。就是怎么用AJAX把客户端的ID传到后台然后再把值返回到浏览器,有多张图片,并且图片也都是从数据库读取地址的。我搜到可以用Jqery.ajax方法可以。。但是不知道怎么用,有哪位兄弟可以发个类似的例子吗??谢谢各位了
怎样通过ajax将选择题答案传到后台?
试题页面如下: ![图片说明](https://img-ask.csdn.net/upload/201701/02/1483363799_671007.png) JSP页面代码如下:![图片说明](https://img-ask.csdn.net/upload/201701/02/1483363891_618168.png) 求怎样获取多个radio的值(有四道选择题)并传到后台?没学过ajax,拜托给的回答明确点!
springmvc后台如何接收ajax传的json格式的数据,以及json数据采用哪种方式传到后台
我现在遇到一个难题,以前,我用ajax传输数据到后台,后台用springmvc接收,成功了,但是,那个时候,我用的ajax的data部分是{"dcCode":dcCode,"itemNo":itemNo...},这样,我是一个参数,一个参数输入的,虽然慢,但是,还是成功地传输了。现在,我遇到的问题是,很多的参数,需要用遍历的方法来传参,我用jsonstr拼接json字符串的方法,拼出了以下的json格式,{"dcCode":"22","itemNo":"3456",...,"sectionName":"食品课"},....,可能有几百条这样的{}, 然后,我创建了一个数组var values=new Array, 用push把这些jsonstr都放进去,最后,我用ajax的dataType:json,post方法把这些数据传到后台,可是,后台是springmvc,@RequestBody(value="/save",method="post"), 可是,当我用String[] values来接收传过来的json参数的时候,却总是null,不知道到底是怎么回事儿,请教大家,都是用什么样的方法来处理这样传输多条json数据到后台的?如果我的思路是对的,能否把这个代码正确的告诉我?如果有更好的方法,请回答。非常感谢。 为了更好的说明问题,我把代码贴出来,如下 ``` function submit(){ debugger; var n=$("#countnumber").text(); var i=0; for(var a=0;a<n;a++){ var saveData=new Array(); var arr1=$('.item p').find('input:text'); var arr2=$('.item p').find('input:checkbox'); for(i=0;i<arr1.length;i++){ saveData.push((arr1).eq(i).val()); }; for(var j=0;j<arr2.length;j++){ saveData.push((arr2).eq(j).val()); }; }; function User(userId,userName,userPwd,memo,addDate,modifyDate,addUserId){ this.userId=saveData[1]; this.userName=saveData[2]; this.userPwd=saveData[3]; this.memo=saveData[4]; this.addDate=saveData[5]; this.modifyDate=saveData[6]; this.addUserId=saveData[7]; }; var user=new User(); var users=new Array(); users.push(user); $.ajax({ type: "post",//数据发送的方式(post 或者 get) url: "insert.do",//要发送的后台地址 data: {"user":JSON.stringify(users)}, dataType: "text",//后台处理后返回的数据格式 success:function (data){ alert(jQuery.parseJSON(data).msg); } }); } ``` 以上是前台的,接下去是后台的 ``` @ResponseBody @RequestMapping(value = "/insert.do", method = RequestMethod.POST) public Map insertUsers(HttpServletRequest request, @RequestBody String users) throws Exception{ users=URLDecoder.decode(users, "utf-8"); ObjectMapper mapper = new ObjectMapper(); //这里用了jackson,自己看看代码,很简洁的 JavaType javaType=mapper.getTypeFactory().constructParametricType(List.class,User.class); List<User> list = mapper.readValue(users, javaType); String msg=userService.insertUsers(list); Map map = new HashMap(); map.put("msg", msg); return map; } ``` 然后,后台的效果截图如下 ![图片说明](https://img-ask.csdn.net/upload/201612/18/1482061394_446729.png) 传到后台的Controller的,数据显示如下 ![图片说明](https://img-ask.csdn.net/upload/201612/18/1482061427_169271.png) 然后,进一步调试,出现错误如下 ![图片说明](https://img-ask.csdn.net/upload/201612/18/1482061332_952640.png) 请问,这个错误到底是什么原因造成的。是500错误。请高手帮助啊!
controller解析ajax传到后台的数组
![图片说明](https://img-ask.csdn.net/upload/201903/12/1552382521_187176.png) [null, [null, null, 人卡, ******, **********, 1, 142655622352], [null, null, 人卡, *******, *********, 1, 156866554552], [null, null, 车卡, ********, ********, 1, 125425658], [null, null, 车卡, *******, *********, 1, 151523535] ] 车卡和人卡是不同的表和实体类 前端用thymeleaf模板显示值,通过js遍历被选中的tr,得到值存入一个数组中传到controller中,**_但不知道为什么前端取值会有两个empty,后台取值也多了两个null ,现在的问题是:后台取到这个数组,根据车卡和人卡的区别,分别改变数据库卡的状态,如果来遍历这个数组呢?
后台用一个方法怎么将多个json传到前台
String json=JSONArray.fromObject(list).toString(); String json1=JSONArray.fromObject(list1).toString(); out.write(json); out.write(json1); 前台使用ajax接收,单独一个可以接收,两个接收不到,直接就进不去成功回调的方法里面。
ajax怎样在success方法里判断多个条件
在后台Servlet中,有4个返回值 ``` int base_rn = new RadioDao().getRadioNumber(base); int base_cn = new CheckBoxDao().getCheckBoxNumber(base); int base_jn = new JudgeDao().getJudgeNumber(base); int base_bn = new BlankDao().getBlankNumber(base); ``` 请问在JQuery中ajax的success方法里,怎样将这四个值传进去,然后和前台获取到的数据进行比较呢?请大神帮忙!我刚刚接触ajax
Ajax后台向前台传json或者string类型的数据,前台收到的数据都是object
前台代码: function pay(){ var map = new Map(); $.ajax({ type:"POST",//提交请求的方式 url:"/interface/servlet/paypay",//访问servlet的路径 dataType:"json",//没有这个,将把后台放会的json解析成字符串 data:$('#pay_submit').serialize(),//把内容序列化 async:true,//是否异步 error:function(data) {//请求出错 alert("出错"); }, success:function(data) {//获得返回值 console.log(data.allmap); alert(data.BUSI_DATA.ORDER_FEE); //var json =eval("("+data+")"); var bankForm = document.createElement("form"); bankForm.method = "post"; bankForm.action = "http://211.103.90.62:7061/payagent/PayUnifiedAccess"; bankForm.id = "IDataForm"; //var json = eval("("+map+")"); //for(var x in json){ var input = document.createElement("input"); input.id = "data"; input.name = "data"; input.type = "hidden"; //input.value ='{"PUB_INFO":{"BUSI_CODE":"1001","OS":"PC","VERIFY_CODE":"a902f90288e4fe8d6e2196499aa90f11b1efd98565f87ce14d9b39701e9d71794bde30a4269e69bd3caf3f754e5c6f9104c67abf207e869210979baf51ce7741f4831ee469e6c76c5828998b0f5d6febf3b95f7f9d9d23908beab2694c7279d52503498a6de5f2109ca68a43f89b3f7068892e29ab5bb34d739acb8fc3d71841"},"BUSI_DATA":{"ORDER_FEE":"1","GOODS_LIST":[{"TOTAL_MONEY":"1","GOODS_PRICE":"100","GOODS_NUM":"1","GOODS_NAME":"诺基亚","GOODS_ID":"0058812","GOODS_ITEM":"1"}],"PEER_TRADE_ID":"2017073011216092","ORDER_DESC":"陈小庆测试","MERCHANT_ID":"1517061200000251","ACCOUNT_CODE":"18322581301","VALID_TIME":"30"}}';// input.value = data; bankForm.appendChild(input); //} document.body.appendChild(bankForm); var submitAction = document.getElementById("IDataForm"); submitAction.submit(); } }); } 后台代码: protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { log.debug("================"); IData goodsInfo=new DataMap(); IDataset goodsList=new DatasetList(); DataMap pubInfo=new DataMap(); DataMap busiDataMap=new DataMap(); DataMap allMap=new DataMap(); goodsInfo.put("GOODS_ITEM", "1"); goodsInfo.put("GOODS_NAME", "诺基亚"); goodsInfo.put("GOODS_PRICE", "100"); goodsInfo.put("GOODS_NUM", "1"); goodsInfo.put("TOTAL_MONEY", "1"); goodsInfo.put("GOODS_ID", "0058812"); goodsInfo.put("TOTAL_MONEY", "1"); goodsList.add(goodsInfo); //goodsList.push(GOODS_LIST=goodsInfo); pubInfo.put("OS", "PC"); pubInfo.put("BUSI_CODE","1001"); busiDataMap.put("PEER_ORDER_ID","2017073011216092"); busiDataMap.put("ORDER_DESC","测试"); busiDataMap.put("ORDER_FEE","1"); busiDataMap.put("VALID_TIME","30"); busiDataMap.put("ACCOUNT_CODE","18322581301"); busiDataMap.put("MERCHANT_ID","1517061200000251");//商户号 busiDataMap.put("GOODS_LIST",goodsList);//商户号 allMap.put("PUB_INFO",pubInfo); allMap.put("BUSI_DATA",busiDataMap); log.debug(allMap); JSONObject json=JSONObject.fromObject(allMap); json.accumulate("data",allMap); req.setCharacterEncoding("utf-8"); resp.setCharacterEncoding("utf-8"); resp.setContentType("text/html"); PrintWriter out=resp.getWriter(); //out.print(JSON.toJSONString(json)); out.print(json.toString()); out.flush(); out.close(); } 后台代码中map包含多个集合,这些参数能直接以json形势传到前台整体取出来吗?求大神指教啊
ajaxfileupload如何给后台传参,后台返回值在success中是null
使用了异步上传ajaxfileupload。两个问题,关于传参与接受后台返回值的。第一,前台js中:使用data{ },后台servlet中:使用request..getParameter得到的是null第二,上传图片成功写入物理地址后,后台通过System.out.print向前台js中返回数据,而js中返回到success中的值为空。问题纠结了很久了。网上也查了很多,但都试过还是无法解决。之前用过ajax异步操作,前后台相互传参返值,都没有问题。因此疑虑是否是ajaxfileupload插件的问题。
flask开发动态创建多选框并勾选默认值,且传到后台怎么做?
场景如下: 单击按钮1弹出div1,显示的div1根据列表长度动态创建多选框,且判断值勾选默认值。 该div1中的多选框可修改,需要将修改后的值通过script传到路由,但是传值时的变量个数时不确定的,因此,有什么解决方案么? 大佬可以给个demo么?调通给采纳,感谢! ``` <div type='button' data-toggle="modal" data-target="#div1">按钮1</div> <div id='div1'> {% for i in [列表] %} {% if i=='某变量' %} <div> <label> <input id={{ i.name }} type="checkbox" checked>xxx </label> </div> {% else %} <div> <label> <input id={{ i.name }} type="checkbox">xxx </label> </div> {% endif %} {% endfor %} <div> <button id="按钮2" type="button>按钮2</button> </div> </div> <script> $(document).ready(function(){ $('#按钮2').click(function{ var is_x = $('#此处相对应上面多选框中的id名,但这个id名是个变量,而且个数是未知的').prop('checked') ? 2: 1; var is_y = .....个数未知,且名字未知 $.ajax({ type : 'POST', url : , data : JSON.stringfy({ is_x : is_x, is_y : is_y, ......个数未知,且名字未知 }) }); }); }); <script> ```
页面向控制器传值是不是不刷新或者跳转页面就不会传值(除了AJAX)
最近写程序发现了许多问题,希望有大神能帮忙解答: 1.假设有一个注册页面,有用户名密码和验证码,验证码是后台程序生成的,那个值传到页面上怎么传我用的是SSH框架。同时还要判断验证码正确与否。 2.如果验证码是手机验证码请求,向页面传验证码,又要把验证码通过AJAX把值请求道聚合数据,这样一来就有两个AJAX,我不知道怎么处理。当然聚合数据短信验证不支持跨域访问,但是如果可以,怎么做。 3.一个submit按钮,我想让她控制多个form,按钮也有单独的一个form怎么办。 2.如果验证码是手机验证码请求,向页面传验证码,又要把验证码通过AJAX把值请求道聚合数据,这样一来就有两个AJAX,我不知道怎么处理。当然聚合数据短信验证不支持跨域访问,但是如果可以,怎么做。 3.一个submit按钮,我想让她控制多个form,按钮也有单独的一个form怎么办。
Spring MVC WEB工程中前后台post传值事该不该用@RequestBody?
最近在做一个项目,BS架构用的SpringMVC,在做前后台交互时用post将前台的数据发送到后台,对action里面的@RequestBody有点迷糊,求教各位大神。 ``` @RequestMapping(value = "/something", method = RequestMethod.POST) public void handle(@RequestBody User user, Writer writer) throws IOException { writer.write(body); } ``` 这样用AJAX提交时必须是下面这种才能成功 ``` var user={'name':name,'passwd':passwd} $.ajax({ url : "http://localhost:8080/something", type : "POST", contentType: "application/json", data : JSON.stringify(user), dataType : "json", success : function(result) { }, error:function(msg){ } }); ``` 如果后台action里面取掉@RequestBody,就像下面这样 ``` @RequestMapping(value = "/something", method = RequestMethod.POST) public void handle( User user, Writer writer) throws IOException { writer.write(body); } ``` 前台post数据的时候直接这样就行了 ``` var user={'name':name,'passwd':passwd} $.ajax({ url : "http://localhost:8080/something", type : "POST", data : user, success : function(result) { }, error:function(msg){ } }); ``` 这样就可以收到前台传过来的值,但是按照前面的就不行了。 这个里面@RequestBody到底有什么作用,我的本意是后台直接接收一个User对象,如果按照第一种方法,感觉像是我前台先创建一个User对象,然后把它转成了JSON串再post到后台,然后通过@RequestBody再将JSON串转换成User对象,这感觉有点多此一举。而第二种方法感觉就是直接把对象传到后台的。那么这里@RequestBody的作用是什么。感觉第二种更加的方便,可是我看了一些人说的和一些项目中例子,用的第一种的比较多,这是为什么,百思不得其解?
Ajax返回json串附带html页面元素
大家好!现在我碰到一个问题,在后台传到前台的页面中的json莫名多了一些html元素,导致json无法解析,出现错误,我想问问这种情况有同僚遇到过吗?是怎么解决的吗,谢谢分享,有大神也希望帮忙看看!![图片说明](https://img-ask.csdn.net/upload/201605/05/1462423650_46931.png),这是后台返回的json串,最上面是我需要的json,下面的是html页面元素, 这是ajax ![图片说明](https://img-ask.csdn.net/upload/201605/05/1462424111_61760.jpg) 大家帮下忙,小弟感激不尽
asp.net H5 视频,图片上传,服务器下载等问题。(微信浏览器里面上传视频)
有没有一些专门讲述asp.net 视频上传的专题或者文献,代码之类的,想借鉴一下。 现在我在做文件上传的项目,我自己是使用ajax上传的,用的是FormData传到服务器接收的。但是现在遇到以下几个问题: 1 某些安卓手机在微信自拍得到的只是一个流文件,没有后缀的,后台获取到的就是application/octet-stream 这种类型,那这种上传到服务器之后,在电脑端就打不开了,这个还好,因为这个是一个流文件,后缀随便改,所以把他命名成jpeg, 这个也能解决了。。。 2 然后在IOS上传的视频是video/quicktime,这个直接换成了mp4,视频就失效了,但是要怎么从video/quicktime 转mp4,我又不懂,也没文献。 这个格式没法在video标签上播放。 可能还会有别的问题没遇到的,所以我感觉很多坑~~~不知道有什么文档参考一下的
ajaxfileupload多文件异步上传 获取不到file
今天用ajaxfileupload 上传图片,网上百度学习了半天 ,实现了一个图片的上传 ,成功了 。 同样的方法,同一个页面另外一个上传按钮却失败了。 跟踪了看 ,值都传到后台取到了; CommonsMultipartFile file = (CommonsMultipartFile) multipartRequest .getFile(imgName); imgName也是和页面的input type=file的id name 对应的 但是 这个file就是等于null。 弄了半天没搞出来 。 而且我原来是好好的上传功能,没用异步的,在从这个取不到file的页面跳转过去后,file文件同样获取不到,为null。 这个 搞得项目卡住了~ 真闹心啊 。求大神救我~
vue中echarts图无法渲染
我在父组件中定义了一个容器,然后定义了echarts图的基本配置项,在created中调用一个方法,获取后台数据,然后将数据传递到子组件中渲染echarts图,现在数据都能成功传递,但是一直无法成功渲染echarts图 以下为父组件代码 ``` // 父组件代码 <template> <div> <div class="leftChart"> <linegraph :id="'leftChart'" :data="option1" style="height:330px;width:100%"></linegraph> </div> </div> </template> <script> // 引入子组件 import linegraph from "./EchartsShow.vue"; // 引入网络请求方法 import { getSumData } from "@/api/crd/orgLimitView/orgView" export default { data () { return { // echarts图基本配置项,未定义具体数据 option1: { title: { text: '授信额度结构', subtext: '行业维度', x: 'center', top: '3%' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: '2%', top: '2%' }, series: [ { name: '行业', type: 'pie', radius: '55%', center: ['50%', '55%'], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }, } }, created () { this.getSum() }, methods: { getSum () { // 调用get请求方法,获取后台数据,由于进度问题,目前只能传递固定的参数,才能获取到测试数据 getSumData('1', '01000').then(res => { if (res.status != 200) { return this.$message.error('获取数据失败,请重试') } const datas = res.data.data // 由于拿到的数据非常复杂繁多,需要进行一些处理,才能拿到需要的数据 this.option1.legend.data = this.tableDatas.map(item => { // 由于后台拿到的数据,都是数字类的码值,this.dicInd[item.industry] 用来翻译后台数据 return this.dicInd[item.industry] }) this.option1.series[0].data = this.tableDatas.map(item => { return { value: item.approveExpAmount, name: this.dicInd[item.industry] } }) console.log(this.option1.legend.data, '行业'); console.log(this.option1.series[0].data, '行业带数据'); }) } }, components: { linegraph } } </script> ``` 以下为子组件代码 ``` // 子组件代码 <template> <div v-bind:id="id" v-bind:data="data"></div> </template> <script> import echarts from "echarts"; export default { name: "echartsShow", data () { return { ChartLineGraph: null }; }, // 深度监听 父组件刚开始没有值,只有图标的配置项 // 父组件ajax请求后改变数据的值,传递过来,图标已生成,监听传过来的值的改变 watch: { data: { deep: true, handler: function (newVal, oldVal) { if (newvalue) { this.drawLineGraph(this.id, newVal) } else { this.drawLineGraph(this.id, oldVal) } } } }, props: ["id", "data"], created() { console.log(this.data, '打印传递过来的图表数据') }, mounted () { this.drawLineGraph(this.id, this.data); console.log(this.id, '打印id值') console.log(this.data, '打印data值') }, methods: { drawLineGraph (id, data) { let _this = this; let myChart = document.getElementById(id); this.ChartLineGraph = echarts.init(myChart); this.ChartLineGraph.setOption(data); window.addEventListener("resize", function () { _this.ChartLineGraph.resize(); }); } }, beforeDestroy () { if (this.ChartLineGraph) { this.ChartLineGraph.clear(); } } }; </script> ``` 从后台获取数据后,成功传递给子组件,但是echarts无法成功渲染 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384445_959195.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384684_683561.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384616_880352.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384792_786796.png) 经过多次尝试,我遇到了一个奇怪的问题 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385072_241075.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385147_470918.png) 求各位大佬指点,我的代码哪个地方写错了,如何才能成功渲染echarts
关于java分页
[size=x-large][i]我现在想做一个分页,思路是这样的,首先从后台里取出符合条件的15条记录(全部符合的可能很多),每页显示5条,这样传到前台的是3页的记录,到了前台我想用javascript分页,这样想是因为可以与后台交互次数尽量减少,每次取出来一部分数据,省的每次点都要与后台交互一次.但是现在有一个新的问题出现了, 当把数据传到前台的时候,我那个超连接应该怎么去写,在点1或2的时候用javascript来控制,在点3的时候与后台交互.请高手们指点下,我的前台水平很垃圾,写出代码.谢谢! (暂时最好先不考虑ajax)我的分不是很多谢谢高手帮下忙[/i][/size] [b]问题补充:[/b] 是这样的,当点3的时候,数据虽然已经取出来了,但是可能还有很多记录没有取出来,所以在点3的时候把数据显示出来,同时还要与后台交互,再把后的15条记录取出来.形成4,5,6页依次类推. [b]问题补充:[/b] [size=x-large][i]我现在想做一个分页,思路是这样的,首先从后台里取出符合条件的15条记录(全部符合的可能很多),每页显示5条,这样传到前台的是3页的记录,到了前台我想用javascript分页,这样想是因为可以与后台交互次数尽量减少,每次取出来一部分数据,省的每次点都要与后台交互一次.但是现在有一个新的问题出现了, 当把数据传到前台的时候,我那个超连接应该怎么去写,在点1或2的时候用javascript来控制,在点3的时候与后台交互.请高手们指点下,我的前台水平很垃圾,写出代码.谢谢! (暂时最好先不考虑ajax)我的分不是很多谢谢高手帮下忙[/i][/size] [b]问题补充:[/b] [size=xx-large]是这样的,当点3的时候,数据虽然已经取出来了,但是可能还有很多记录没有取出来,所以在点3的时候把数据显示出来,同时还要与后台交互,再把后的15条记录取出来.形成4,5,6页依次类推.[/size] [b]问题补充:[/b] [size=x-large]请问 那用什么方法可以很好地分页 让访问速度上来 而且能适应更新速度[/size]
jquery easyui 后台取值
用jquery easyui datagrid <br /> <br /><pre name="code" class="java"> $(function(){ product = $('#product').datagrid({ nowrap:false, striped:true, url:'listProduct.action', sortName: 'pn', sortOrder: 'desc', idField:'pn', frozenColumns:[[ {field:'ck',checkbox:true}, ]], columns:[[ {field:'pn',title:'P/N',width:100,align:'center'}, {field:'description',title:'Description',width:120,align:'center'}, {field:'type',title:'Type',width:100,align:'center'}, {field:'brand',title:'Brand',width:60,align:'center'}, {field:'pack',title:'Package',width:60,align:'center'}, {field:'unit',title:'Unit',width:60,align:'center'}, {field:'unitCost',title:'Unit Cost',width:60,align:'right'}, {field:'sell',title:'Sell',width:60,align:'center'}, {field:'quantity',title:'Quantity',width:60,align:'center'}, {field:'dateCode',title:'Date Code',width:60,align:'center'}, ]], pagination:true, toolbar:[{ text:'Add', iconCls:'icon-add', handler:function(){ alert('add') } },'-',{ text:'Edit', iconCls:'icon-edit', handler:function(){ alert('edit') } },'-',{ text:'Delete', iconCls:'icon-remove', handler:function(){ delRows(product); } }] }); }); </pre> <br /> <br /><img src="http://dl.iteye.com/upload/attachment/381518/d420e070-ea93-33d8-9f3c-23a9c2f0f9b8.jpg" /> <br /> <br /><pre name="code" class="java"> function delRows(table) { var arr = getSelectedRows(table); if (arr.length &gt; 0) { $.messager.confirm('Prompt', 'Are you sure to delete the selected record(s)', function (data) { if (data) { $.ajax({ url: 'delProduct', type: 'get', dataType: 'json', data: {"id":"[{'id':3},{'id':5}]"}, // timeout: 1000, error: function () { $.messager.alert('Error', 'Delete Failure!', 'error'); }, success: function (data) { if (data.success) { grid.datagrid('reload'); grid.datagrid('clearSelections'); } else { $.messager.alert('Error', data.msg, 'error'); } } }); } }); } else { $.messager.show({ title: 'Wraning', msg: 'Please select the record you want to delete!' }); } function getSelectedRows(table) { var ids = []; var rows = table.datagrid('getSelections'); for (var i = 0; i &lt; rows.length; i++) { ids.push(rows[i].id); } alert(ids.join('\n')); return ids; } </pre> <br /> <br />现在主要是data的数据,应该怎么样得到,多选的 <br />现在写的红色部分是测试用的,主要是想传数组 <br /> <br />对jquery不大熟悉,请大家指教 <br /> <br /><br/><strong>问题补充</strong><br/>嗯,这个是我加多了,删除了,谢谢<br />我就是想在前台用户选择了 多行数据(通过checkbox),然后我要在后台把这些删除,现在问题是不知道怎么样把这些选择的id传到后台
SpringMVC + Thymeleaf 如何实现让页面公共部分的数据都加载,减少冗余,不是局部刷新
比如,网站后台,有很多公共的部分,页首,页尾,侧边栏 这些每个页面都有。 而这很多数据,比如网站名称,侧边栏列表,这些都是从数据库里取出的,像下面这样传到到前台。 ``` @ModelAttribute public ModelAndView index() { ModelAndView modelAndView = new ModelAndView("admin/index"); List<Menu> list = new ArrayList<>(); list.add(new Menu("fa fa-dashboard", "仪表盘", contextPath+"/dashboard")); list.add(new Menu("fa fa-pencil", "帖子管理", contextPath+"/posts")); list.add(new Menu("fa fa-book", "分类管理", contextPath+"/categories")); list.add(new Menu("fa fa-comment", "回复管理", contextPath+"/replies")); list.add(new Menu("fa fa-users", "用户管理", contextPath+"/users")); modelAndView.addObject("menuList", list); return modelAndView; } ``` 现在的困惑是,如果让每个页面都能显示上面的数据 每个页面都要在对应的方法里都要写上上面这一段代码,将网站信息装到 Model 里吗? 有什么办法,能减少代码冗余吗? 我这里有几种备选方法,以前用过,感觉很 low,不知道正常的解决办法是什么。 1、使用 @ModelAttribute 注解,在所有方法前都加载该该方法 ``` /** * 公共加载部分 * @param model */ @ModelAttribute public void loadCommon(Model model) { List<Menu> list = new ArrayList<>(); list.add(new Menu("fa fa-dashboard", "仪表盘", contextPath+"/dashboard")); list.add(new Menu("fa fa-pencil", "帖子管理", contextPath+"/posts")); list.add(new Menu("fa fa-book", "分类管理", contextPath+"/categories")); list.add(new Menu("fa fa-comment", "回复管理", contextPath+"/replies")); list.add(new Menu("fa fa-users", "用户管理", contextPath+"/users")); model.addAttribute("menuList", list); } /** * 获取后台管理主页面 * * @return */ @GetMapping public String index() { return "admin/index"; } ``` 感觉上面的方法还是很冗余,每个控制器里都要写,每个方法加载都执行,很不好。 2、在过滤器或者拦截器里将网站数据加载进去 跟上面效果差不多,每个方法都要执行 3、ajax 加载内容部分,共有部分不变 这个方法挺好的,但是我我还是希望页面刷新比较好 这里求 SpringMVC 如何将共有的数据加载到前台,减少冗余 补充: 这里再提两个问题 1、如何是网站前台呢?也使用 iframe 吗,不可能吧? 2、比如网站名称,网站关键字,网站描述,网站备案号,网站等待信息,这种键值对的,数据表怎么设计呢?
JSP搜索联想框,新手求指教。
不是用的SSH框架,DAO用JDBC,项目赶工,DAO和Service整合在了一起,我是半路插入的~各位大神先别吐槽……咱先把问题解决再美化~谢谢 页面结构如下 ``` <input name="accountName" id="accountName" class="yhgl_ser required inputElem" onkeyup="getLinkData();" value="<%StringHelper.filterHTML(out, request.getParameter("accountName"));%>" /> <div id="popup" style="position: absolute;"> <table width="100%" bgcolor="#fffafa"> <tbody id="popupBody"></tbody> </table> </div> ``` JS代码如下(借鉴了很多网上的JS方法) ``` <script type="text/javascript"> function getLinkData() { var popupDiv = document.getElementById("info");//获得对应的div对象 var popupBody = document.getElementById("popupBody");//获得对应的tbody对象 var linkDataProperty = document.getElementById("accountName"); //获得对应的输入框对象 clearModels();//清除联想输入提示框的内容 //利用ajax获取后台的模糊查询的数据,并且封装成下拉列表的形式展现出来 $.ajax({ type : "post",//提交的方法为post //对应的Action提交的路径 url : "<%configureProvider.format(out, URLVariable.SEARCH_ACCOUNT);%>", data:{linkDataProperty:linkDataProperty.value},//从前台传递到后台的查询语句的参数 dataType : "json", //从Action中返回的数据的类型为json类型的 error:function(){ alert("没有对应的数据,请查看输入的查询条件!"); }, success : function(data) {//当Ajax提交成功时调用的方法 if(data.length==0){return;} setOffsets();//设置联想输入下拉列表提示框的位置 var tr,td,text; for (var i = 0; i < data.length; i++) {//根据返回的值,手动的拼tbody的内容 text = document.createTextNode(data[i].linkDataProperty);//从Action中返回的数据中取出linkDataProperty的值 td = document.createElement("td");//创建一个td的对象 tr = document.createElement("tr");//创建一个tr的对象 td.mouseOver = function(){this.className="mouseOver;"}; td.mouseOut = function(){this.className="mouseOut;"}; td.onclick = function(){populateModel(this)};//单击td是的方法为populateModel td.appendChild(text); tr.appendChild(td); popupBody.appendChild(tr); } }}); //点击下拉列表中的某个选项时调用的方法 function populateModel(cell) { clearSelect(); linkDataProperty.value = cell.firstChild.nodeValue; //initOtherData(linkDataProperty.value);利用输入框中的数据调用其他方法,初始化其他数据 clearModels();//清除自动完成行 } //清除自动完成行,只要tbody有子节点就删除掉,并且将将外围的div的边框属性设置为不可见的 function clearModels() { while (popupBody.childNodes.length > 0) { popupBody.removeChild(popupBody.firstChild); } popupDiv.style.border = "none"; } //设置下拉列表的位置和样式 function setOffsets() { var width = linkDataProperty.offsetWidth;//获取linkDataProperty输入框的相对宽度 var left = getLeft(linkDataProperty); var top = getTop(linkDataProperty) + linkDataProperty.offsetHeight; popupDiv.style.border = "black 1px solid"; popupDiv.style.left = left + "px"; popupDiv.style.top = top + "px"; popupDiv.style.width = width + "px"; } //获取指定元素在页面中的宽度起始位置 function getLeft(e) { var offset = e.offsetLeft; if (e.offsetParent != null) { offset += getLeft(e.offsetParent); } return offset; } //获取指定元素在页面中的高度起始位置 function getTop(e) { var offset = e.offsetTop; if (e.offsetParent != null) { offset += getTop(e.offsetParent); } return offset; } } //清空输入框中的数据 function clearSelect() { var linkDataProperty=document.getElementById(linkDataProperty); linkDataProperty.value=""; } </script> ``` Servlet代码如下 ``` protected void processPost(HttpServletRequest request, HttpServletResponse response, ServiceSession serviceSession) throws Throwable { //往后传数据 System.out.println("进入servlet,将传入后台:"+request.getParameter("accountName")); //获得DAO服务 ZhglManage manage = serviceSession.getService(ZhglManage.class); //获得前台数据并往后台发送,同时接收返回的结果 String accounts = manage.searchAccountInOneResult(request.getParameter("accountName")); //往前端发送 PrintWriter out = response.getWriter(); System.out.println("返回servlet,即将返回获得的结果:"+accounts+" 给页面"); out.print(accounts); out.close(); } ``` DAO加Service代码如下: ``` public String searchAccountInOneResult(String inputing) throws Throwable { //尝试了Gson但也没成功 Gson gson = new Gson(); System.out.println("进入DAO,传入的参数是:"+inputing); //map方式 Map<String, String> rsMap = new HashMap<String,String>(); String account = ""; String key = ""; //获得连接 Connection conn = getConnection(); //准备SQL语句,获得单列账号信息 String sql = "SELECT @ROW := @ROW +1 AS ROW , t.F02 AS accountName FROM S61.T6110 t, ( SELECT @ROW :=0 )r WHERE t.F02 LIKE '"+inputing+"%' LIMIT 10"; PreparedStatement pstm = conn.prepareStatement(sql); //执行SQL ResultSet rs = pstm.executeQuery(); //获得结果 while(rs.next()){ //map方式 key = rs.getString("accountName"); account = rs.getString("accountName"); rsMap.put(key, account); } String temp = gson.toJson(rsMap); System.out.println("正在打印gson:"+temp); return temp; } ``` 然后控制台是这样的 进入servlet,将传入后台:1 进入DAO,传入的参数是:1 正在打印gson:{"12342@qq.com":"12342@qq.com","12344@qq.com":"12344@qq.com","100@qq.com":"100@qq.com"} 返回servlet,即将返回获得的结果:{"12342@qq.com":"12342@qq.com","12344@qq.com":"12344@qq.com","100@qq.com":"100@qq.com"} 给页面 firefox控制台和页面效果是这样的 ![图片说明](https://img-ask.csdn.net/upload/201505/18/1431943341_591979.png) 我对JS什么的不怎么懂,来请教下各位我哪里有问题,解决方法或者说解决思路应该是怎样的
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
python自动下载图片
近日闲来无事,总有一种无形的力量萦绕在朕身边,让朕精神涣散,昏昏欲睡。 可是,像朕这么有职业操守的社畜怎么能在上班期间睡瞌睡呢,我不禁陷入了沉思。。。。 突然旁边的IOS同事问:‘嘿,兄弟,我发现一个网站的图片很有意思啊,能不能帮我保存下来提升我的开发灵感?’ 作为一个坚强的社畜怎么能说自己不行呢,当时朕就不假思索的答应:‘oh, It’s simple. Wait for me for a ...
一名大专同学的四个问题
【前言】   收到一封来信,赶上各种事情拖了几日,利用今天要放下工作的时机,做个回复。   2020年到了,就以这一封信,作为开年标志吧。 【正文】   您好,我是一名现在有很多困惑的大二学生。有一些问题想要向您请教。   先说一下我的基本情况,高考失利,不想复读,来到广州一所大专读计算机应用技术专业。学校是偏艺术类的,计算机专业没有实验室更不用说工作室了。而且学校的学风也不好。但我很想在计算机领...
复习一周,京东+百度一面,不小心都拿了Offer
京东和百度一面都问了啥,面试官百般刁难,可惜我全会。
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
C++(数据结构与算法):62---搜索树(二叉搜索树、索引二叉搜索树)
一、搜索树的复杂度分析 本文考察二叉搜索树和索引二叉搜索树 二叉搜索树的渐进性能可以和跳表媲美: 查找、插入、删除操作所需的平均时间为Θ(logn) 查找、插入、删除操作的最坏情况的时间为Θ(n) 元素按升序输出时所需时间为Θ(n) 虽然在最坏情况下的查找、插入、删除操作,散列表和二叉搜索树的时间性能相同,但是散列表在最好的情况下具有超级性能Θ(1) 不过,对于一个指定的关键...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
最全最强!世界大学计算机专业排名总结!
我正在参与CSDN200进20,希望得到您的支持,扫码续投票5次。感谢您! (为表示感谢,您投票后私信我,我把我总结的人工智能手推笔记和思维导图发送给您,感谢!) 目录 泰晤士高等教育世界大学排名 QS 世界大学排名 US News 世界大学排名 世界大学学术排名(Academic Ranking of World Universities) 泰晤士高等教育世界大学排名 中国共...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
立即提问