后台传的字符串为HTML代码,在前台已经可以显示,用户填写信息后如何将信息填入?

现有如下需求
后台传入的字符串中含有HTML代码,
其中含有input输入框,用户要再输入框中输入信息后,点击按钮
将该字符串重新组装再传回后台

前端框架使用的是VUE

样例如下:

图片说明

代码如下

<body>
    <div class="header">
        <div v-html="content"></div>
        <button @click="getContent">button</button>
    </div>

</body>
<script src="node_modules/vue/dist/vue.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
new Vue({
    el:'.header',
    data:{
        content:"用户名<input type='text' id='a_b_1'></br>密码<input type='text' id='a_b_2'>"
    },
    methods: {
        getContent(){

        }
    },
})
</script>

用户名密码输入后(假设输入的为用户名为123,密码为123),如何获取值,并将content中的内容改为

 content:"用户名<input type='text' id='a_b_1' value='123'></br>密码<input type='text' id='a_b_2' value='123'>"

3个回答

不推荐用着用逻辑,但一定要做的话

function getContent()
 {
 var t=document.getElementById("a_b_1");
 t.value="修改文本内容" //获取值或者修改值
 //content不会变应为是单项绑定的也没必要变,一定要变就手动改可以结合v-once使用
 }
Jenneyhao
JenneyHao 谢谢您的回答,问题我已经解决了
8 个月之前 回复
Jenneyhao
JenneyHao 回复JenneyHao: 写错了$("#a_b_1").val()
8 个月之前 回复
Jenneyhao
JenneyHao 首先感谢您的回答,其次这个方法我当时也想过,只是用户在输入信息以后,我通过$('a_b_1').val()获取的值为undefined
8 个月之前 回复

你完全没有领会vue的精髓,那就是界面和模型双向绑定,而不是自己去写,否则白用了。
看这个例子:https://www.cnblogs.com/Renyi-Fan/p/10002368.html

Jenneyhao
JenneyHao 谢谢您的回答,问题我已经解决了
8 个月之前 回复
Jenneyhao
JenneyHao 回复贵阳老马马善福专业维修游泳池堵漏防水工程:v-html中的DOM元素怎么样绑定模型?有相关的例子么?
8 个月之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 回复JenneyHao: 你不应该直接操作输入框,而是应该让输入框绑定模型,操作模型
8 个月之前 回复
Jenneyhao
JenneyHao 首先感谢您的回答,其次我没太明白这个问题和双向绑定有什么关系,这个输入框不是直接写在页面上的,而是后台传过来的,我是通过V-HTML将其显示在页面上了,我遇到的问题是如何获取通过V-HTML显示的输入框的值。
8 个月之前 回复

获取name和pswd后生成content

content:"用户名<input type='text' id='a_b_1' value='" + name + "'></br>密码<input type='text' id='a_b_2' value='" + pswd + "'>"
Jenneyhao
JenneyHao 谢谢您的回答,问题我已经解决了
8 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
java后台字符串到显示到前台被解析成html标签而无法显示怎么解决?

![图片说明](https://img-ask.csdn.net/upload/201512/10/1449715805_933037.png)

cshtml中如何把传递到前台的字符串解析出HTML标签并显示?

最近练习linq,数据库中获取了一些内容然后在后台加上了一些HTML标签的内容, 然后作为字符串传递给前台后想解析这个字符串里面的内容,应该用什么方法比较好? ``` foreach (var a in proScan) { ViewData["Scan"] += a.Name.Trim() +"<br/>"; } ```

怎么将返回的html页面转换成String字符串?

在eclipse中,如何将返回的html转换成字符串?用的是springmvc框架,各位大神,

从solr查出的json字符串,如何在html页面,通过thymeleaf模板解析成表格?求代码啊?

``` [ { \"dataAcquisitionSections\": [ { \"dataAcquisitionInformationItems\": [ { \"data\": \"8005\", \"label\": \"port\" }, { \"data\": \"SHUTDOWN\", \"label\": \"shutdown\" } ], \"path\": \"\", \"dataAcquisitionSections\": [ ], \"section\": \"ShutdownPort[ Server ]\", \"label\": \"Ports-Shutdown\" }, { \"dataAcquisitionInformationItems\": [ { \"data\": \"20000\", \"label\": \"connectionTimeout\" }, { \"data\": \"8089\", \"label\": \"port\" }, { \"data\": \"HTTP/1.1\", \"label\": \"protocol\" }, { \"data\": \"8443\", \"label\": \"redirectPort\" } ], \"path\": \"\", \"dataAcquisitionSections\": [ ], \"section\": \"ServiceConnectorPorts[ 1 ][ Server/Service/Connector ]\", \"label\": \"ServiceConnectors\" }, { \"dataAcquisitionInformationItems\": [ { \"data\": \"8009\", \"label\": \"port\" }, { \"data\": \"AJP/1.3\", \"label\": \"protocol\" }, { \"data\": \"8443\", \"label\": \"redirectPort\" } ], \"path\": \"\", \"dataAcquisitionSections\": [ ], \"section\": \"ServiceConnectorPorts[ 2 ][ Server/Service/Connector ]\", \"label\": \"ServiceConnectors\" } ], \"cause\": \"\", \"label\": \"ServerXml\", \"title\": \"conf/server.xml\" }, { \"dataAcquisitionSections\": [ { \"dataAcquisitionInformationItems\": [ { \"data\": \"solr\", \"label\": \"InstalledApplicationName\" }, { \"data\": \"D: \\\\software\\\\Tomcat\\\\apache-tomcat-8.5.15-windows-x64\\\\apache-tomcat-8.5.15\\\\webapps\\\\solr\", \"label\": \"InstalledPath\" }, { \"data\": \"No\", \"label\": \"WarFile\" } ], \"path\": \"D: \\\\software\\\\Tomcat\\\\apache-tomcat-8.5.15-windows-x64\\\\apache-tomcat-8.5.15\\\\webapps\\\\solr\", \"dataAcquisitionSections\": [ ], \"section\": \"/solr\", \"label\": \"WebApps\" } ], \"cause\": \"\", \"label\": \"Webapps\", \"title\": \"InstalledWebApplications\" }, { \"dataAcquisitionSections\": [ ], \"cause\": \"\", \"label\": \"ContextXml\", \"title\": \"conf/context.xml\" }, { \"dataAcquisitionSections\": [ { \"dataAcquisitionInformationItems\": [ ], \"path\": \"D: \\\\software\\\\Tomcat\\\\apache-tomcat-8.5.15-windows-x64\\\\apache-tomcat-8.5.15\\\\bin\\\\catalina.sh\", \"dataAcquisitionSections\": [ ], \"section\": \"JavaOptions\", \"label\": \"JVM\" } ], \"cause\": \"\", \"label\": \"bin\", \"title\": \"Catalina.sh\" } ] ``` 这是从sorl中查出来的数据 ``` public List<Object> hawkeyeTomcat() throws Exception { HttpSolrServer solrServer = new HttpSolrServer(host); SolrQuery solrquery = new SolrQuery(); solrquery.setQuery("agentId:ServicePlatform_Middleware_Tomcat"); QueryResponse response = solrServer.query(solrquery); SolrDocumentList results = response.getResults(); List<Object> listdoc = new ArrayList<Object>(); for (SolrDocument solrDocument : results) { Map<String, Object> hashMap = new HashMap<String, Object>(); hashMap.put("optional", solrDocument.get("optional")); listdoc.add(hashMap); } return listdoc; } ```

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形势传到前台整体取出来吗?求大神指教啊

El表达式问题,关于字符串类型的自动转换

情况是这样的. 前台代码 [code="jsp"] <a href="javascript:doExchange(${memberCode});">兑换</a> [/code] ${memberCode}这个东西取到的值是09651,本来是一个字符串,但自动被转成了数字类型,点击”确定“提交,在另一个文件scope.js里调这个方法doExchange(memberCode),但是在这个方法里取到值却是9651,它自动把前面的0给去掉了,我怎么取都取不到,我想要的是一个字符串,el表达式却自动给我转成了数字类型。大家看看该怎么做。

springboot freemarker不渲染页面返回字符串

前台: ![图片说明](https://img-ask.csdn.net/upload/201911/30/1575085795_158966.png) 后台: ![图片说明](https://img-ask.csdn.net/upload/201911/30/1575085847_908964.png) 使用modelView 返回的是页面的字符串,不是页面,这个怎么弄呢

java后台将base64字符串转换为PDF后生成的PDF打不开怎么回事呀

![图片说明](https://img-ask.csdn.net/upload/201910/12/1570868633_161609.jpg) 后台代码: public static void base64StringToPdf(String base64Content,String filePath){ File file = new File(filePath);// 将原来参数修改为字符串 BASE64Decoder decoder = new BASE64Decoder(); BufferedInputStream bin = null; FileOutputStream fout = null; BufferedOutputStream bout = null; try { //将base64编码的字符串解码成字节数组 byte[] bytes = decoder.decodeBuffer(base64Content); //创建一个将bytes作为其缓冲区的ByteArrayInputStream对象 ByteArrayInputStream bais = new ByteArrayInputStream(bytes); //创建从底层输入流中读取数据的缓冲输入流对象 bin = new BufferedInputStream(bais); //创建到指定文件的输出流 fout = new FileOutputStream(file); //为文件输出流对接缓冲输出流对象 bout = new BufferedOutputStream(fout); byte[] buffers = new byte[1024]; int len = bin.read(buffers); while(len != -1){ bout.write(buffers, 0, len); len = bin.read(buffers); } //刷新此输出流并强制写出所有缓冲的输出字节,必须这行代码,否则有可能有问题 bout.flush(); } catch (IOException e) { e.printStackTrace(); } finally { try { bout.close(); fout.close(); bin.close(); } catch (IOException e) { e.printStackTrace(); } } } 前台是将页面展示的数据图标什么的生成PDF 前台代码: function downloadofpdf(){ var varname = $("#taskid").text(); if(confirm("您确认下载该PDF文件吗?")){ var target = document.getElementById("bodyid"); target.style.background = "#FFFFFF"; // if(pdfName==''||pdfName==undefined) pdfName= getNowFormatDate(); html2canvas(target, { onrendered:function(canvas) { var contentWidth = canvas.width; var contentHeight = canvas.height; //一页pdf显示html页面生成的canvas高度; var pageHeight = contentWidth /1592.28 * 841.89; //未生成pdf的html页面高度 var leftHeight = contentHeight; //页面偏移 var position = 0; //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高 var imgWidth = 595.28; var imgHeight = 592.28/contentWidth * contentHeight; var pageData = canvas.toDataURL('image/jpeg', 1.0); var pdf = new jsPDF('', 'pt', 'a4'); //有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89) //当内容未超过pdf一页显示的范围,无需分页 if (leftHeight < pageHeight) { pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight ); } else { while(leftHeight > 0) { pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight); leftHeight -= pageHeight; position -= 841.89; //避免添加空白页 if(leftHeight > 0) { pdf.addPage(); } } } pdf.save(varname+".pdf"); // 将pdf输入为base格式的字符串 var buffer = pdf.output("datauristring"); // // 将base64格式的字符串转换为file文件 // var myfile = dataURLtoFile(buffer, varname); // var formdata = new FormData(); // formdata.append(name, myfile); $.post("/riskManage/uploadpdf",{data:JSON.stringify({formdata:buffer})},function(result){ //alert("hao"); }) //sc(); }, background: "#fff" }) } }

tornado怎么往前台返回一个值(json或者字符串)

前台代码 $.ajax({ type: "GET", url: "serverDelete", success: function(data){ alert("success"); alert(data); } }); torando后台往前台传送数据都是这种形式 self.render('serverAdd.html',name="yy") 怎么直接往前台的ajax传送所需的数据? 有tornado+jqgrid用过的前辈么?其实我的问题是jqgrid往后台传送数据,然后直接处理传送过来的json数据,怎么能直接返回数据给jqgrid呢? 新手求教,莫喷,莫喷....

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错误。请高手帮助啊!

Javaweb初级问题:前台数据提交到后台数据库

一个Javabean,一个index界面,一个addbook界面,为啥数据提交不了呢? package com.lyq.bean; public class Book { // 编号 private int id; // 图书名称 private String name; // 价格 private double price; // 数量 private int bookCount; // 作者 private String author; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public double getPrice() { return price; } public void setPrice(double price) { this.price = price; } public int getBookCount() { return bookCount; } public void setBookCount(int bookCount) { this.bookCount = bookCount; } public String getAuthor() { return author; } public void setAuthor(String author) { this.author = author; } } ************************************************************************************** <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添加图书信息</title> <script type="text/javascript"> function check(form){ with(form){ if(name.value == ""){ alert("图书名称不能为空"); return false; } if(price.value == ""){ alert("价格不能为空"); return false; } if(author.value == ""){ alert("作者不能为空"); return false; } return true; } } </script> </head> <body> <form action="AddBook.jsp" method="post" onsubmit="return check(this);"> <table align="center" width="450"> <tr> <td align="center" colspan="2"> <h2>添加图书信息</h2> <hr> </td> </tr> <tr> <td align="right">图书名称:</td> <td><input type="text" name="name" /></td> </tr> <tr> <td align="right">价  格:</td> <td><input type="text" name="price" /></td> </tr> <tr> <td align="right">数  量:</td> <td><input type="text" name="bookCount" /></td> </tr> <tr> <td align="right">作  者:</td> <td><input type="text" name="author" /></td> </tr> <tr> <td align="center" colspan="2"> <input type="submit" value="添 加"> </td> </tr> </table> </form> </body> </html> ************************************************************************************* <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@page import="java.sql.Connection"%> <%@page import="java.sql.DriverManager"%> <%@page import="java.sql.PreparedStatement"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添加结果</title> </head> <body> <jsp:useBean id="book" class="com.lyq.bean.Book"></jsp:useBean> <jsp:setProperty property="*" name="book"/> <% try { // 加载数据库驱动,注册到驱动管理器 Class.forName("com.mysql.jdbc.Driver"); // 数据库连接字符串 String url = "jdbc:mysql://localhost:3306/db_database10"; // 数据库用户名 String username = "root"; // 数据库密码 String password = "123"; // 创建Connection连接 Connection conn = DriverManager.getConnection(url,username,password); // 添加图书信息的SQL语句 String sql = "insert into tb_books(name,price,bookCount,author) values(?,?,?,?)"; // 获取PreparedStatement PreparedStatement ps = conn.prepareStatement(sql); // 对SQL语句中的第1个参数赋值 ps.setString(1, book.getName()); System.out.println("name:"+book.getName()); // 对SQL语句中的第2个参数赋值 ps.setDouble(2, book.getPrice()); // 对SQL语句中的第3个参数赋值 ps.setInt(3,book.getBookCount()); // 对SQL语句中的第4个参数赋值 ps.setString(4, book.getAuthor()); // 执行更新操作,返回所影响的行数 int row = ps.executeUpdate(); // 判断是否更新成功 if(row > 0){ // 更新成输出信息 out.print("成功添加了 " + row + "条数据!"); } // 关闭PreparedStatement,释放资源 ps.close(); // 关闭Connection,释放资源 conn.close(); } catch (Exception e) { out.print("图书信息添加失败!"); e.printStackTrace(); } %> <br> <a href="index.jsp">返回</a> </body> </html>

怎么在前台将json格式转为数组格式

要转成这样的 {id:1} ---- [{id:1}]

SSM框架 前台Jquery 前台通过AJAX到后台正常,后台返回出错。

画面前台初期化的时候,跑到后台,返回一个MODEL AND VIEW。但是进了AJAX的ERROR。 前台代码: $(document).ready( function () { $.ajax({ type: "GET", url: "user/showUser", data: {id:"1"}, dataType: "json", success: function(data){ alert(); }, error: function(XMLHttpRequest, textStatus, errorThrown){ alert(XMLHttpRequest); alert(textStatus); alert(errorThrown); } }); } ); 后台代码:Controll ![图片说明](https://img-ask.csdn.net/upload/201705/17/1494988423_226228.jpg) Spring-MVC.XML <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.1.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.1.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd"> <!-- 自动扫描该包,使SpringMVC认为包下用了@controller注解的类是控制器 --> <context:component-scan base-package="com.cn.mudao.controller" /> <!--避免IE执行AJAX时,返回JSON出现下载文件 --> <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/html;charset=UTF-8</value> </list> </property> </bean> <!-- 启动SpringMVC的注解功能,完成请求和注解POJO的映射 --> <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> <list> <ref bean="mappingJacksonHttpMessageConverter" /> <!-- JSON转换器 --> </list> </property> </bean> <!-- 定义跳转的文件的前后缀 ,视图模式配置--> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <!-- 这里的配置我的理解是自动给后面action的方法return的字符串加上前缀和后缀,变成一个 可用的url地址 --> <property name="prefix" value="/WEB-INF/jsp/" /> <property name="suffix" value=".jsp" /> </bean> <!-- 配置文件上传,如果没有使用文件上传可以不用配置,当然如果不配,那么配置文件中也不必引入上传组件包 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 默认编码 --> <property name="defaultEncoding" value="utf-8" /> <!-- 文件大小最大值 --> <property name="maxUploadSize" value="10485760000" /> <!-- 内存中的最大值 --> <property name="maxInMemorySize" value="40960" /> </bean> </beans> 由于我没有C币,实在没办法悬赏。希望各位大神帮帮忙。

从数据库查询数据 在页面上显示的问题

跳转到新增页面的时候 先从后台从数据库查询数据 转发前台显示的时候 把查到的数据放进dataList里面 配合input框 给操作者进行提示 但是数据有可能是1条 也有可能是多条 如果是多条就正常操作 现在有个需求 要求数据是1条的时候转发到页面的时候 直接把数据的值默认写进input中 请问应该怎么实现

html页面怎样通过ajax获取servelet种保存的session的值,求解!

有时间请帮忙看一下吧!谢谢 之前在登陆的servlet里面给session赋值。 在修改密码的servlet里面通过session获取用户名代码如下: ``` HttpSession session = req.getSession(); String username = (String) session.getAttribute("username"); ``` html的代码如下,求帮忙实现一下ajax获取用户名 ``` <div id="input"> <span id="username"> </span> <input type="password"id="pwd1" placeholder="请输入密码"/><br> <input type="password" id="pwd2" placeholder="请再次输入密码"/> <input type="submit" id="" value="确认" class="submit"/> </div> ``` ajax: ``` <script type="text/javascript"> $.ajax({ url:"../update"; type:"post"; var page = $("#input"); var temp = {$Think.session.username}; success:function(data){ } }); </script> ```

我用Ajax向后台发送了个请求,返回的数据是一个List,页面都已经打印出来了,我如何遍历他?

![图片说明](https://img-ask.csdn.net/upload/201512/11/1449843598_494074.png) 前台代码 ``` $.ajax( { url:'<%=path%>/complete!queryComplete.action',// 跳转到 action type:'post', //post方式提交 success:function(data) { //data是返回的数据 console.log(data);//打印这个数据,打印出的数据 上面有图大家可以看下 }, error : function() { alert("异常!"); } }); ``` 后台代码 ``` public void queryComplete() throws Exception{ completeList = completeService.queryComplete();//执行查询,得到一个List HttpServletResponse response = ServletActionContext.getResponse();//Ajax后台的固定写法 response.setContentType("text/html;charset=utf-8");//就是设置格式,没有什么用 PrintWriter out = response.getWriter();//得到画笔,准备开始输出了 out.print(completeList);//输出得到的结果集 } ```

Java后台获取前端POST请求中Json数据的乱码问题

前端上传的Json数据如下所示: ``` { "name":"百度跳线",//产品名字 "data":[ {"num": 1, "gongxu": "bq"}//gongxu:工序名称,名字已经统一。num:排名顺序 {"num": 2, "gongxu": "rs"} {"num": 3, "gongxu": "slsjzp"} //....... //....... ] } ``` 在Java后台的Servlet中通过以下代码获取请求体: ``` request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); response.setContentType("text/html;charset=utf-8"); // 1. 获取请求体中的内容 BufferedReader br = new BufferedReader( new InputStreamReader(request.getInputStream(), "utf-8")); StringBuffer sb = new StringBuffer(""); String temp; while ((temp = br.readLine()) != null) { sb.append(temp); } br.close(); String params = sb.toString(); System.out.println(params); ``` 最后得出的结果却包含乱码: ``` name=%E6%9D%A1%E7%BA%BF&data%5B0%5D%5Bnum%5D=1&data%5B0%5D%5Bgongxu%5D=ym&data%5B1%5D%5Bnum%5D=2&data%5B1%5D%5Bgongxu%5D=yj&data%5B2%5D%5Bnum%5D=3&data%5B2%5D%5Bgongxu%5D=yinddj ``` 这里不仅有乱码,而且data字段也有好几个,请问怎么样才能把前端传的数据原封不动的取出来呢?

ajax向后台请求数据并成功返回,但不执行success也不执行error

服务器端返回字符串类型的数据正常。前端代码如下: ``` $('#doc-vld-msg').validator({ submit: function () { var formValidity = this.isFormValid(); if (formValidity) { var progress = $.AMUI.progress; $.ajax({ type: "POST", url: "save.ashx", cache: "false", dataType: "text", data: { BicycleID: $("#doc-vld-name-2-1").val(), University: $("#doc-select-1-1").val(), Password: $("#doc-vld-age-2-1").val(), }, beforeSend: function () { progress.start(); }, success: function (result) { alert(result); window.location.href = "index.html"; }, error: function (jqXHR) { alert("发生错误:" + jqXHR.status); }, complete: function () { progress.done(); } }); } else { alert("未完成验证!"); } } }); ``` 先是做一个前台控件的验证,验证通过就发送ajax请求,我在浏览器和后台都看过是OK 200,但就是不执行success,也不执行error,我试了好多办法,发现,在if最后加一个alert()就可以执行success或者error了,代码如下: ``` $('#doc-vld-msg').validator({ submit: function () { var formValidity = this.isFormValid(); if (formValidity) { var progress = $.AMUI.progress; $.ajax({ type: "POST", url: "save.ashx", cache: "false", dataType: "text", data: { BicycleID: $("#doc-vld-name-2-1").val(), University: $("#doc-select-1-1").val(), Password: $("#doc-vld-age-2-1").val(), Random: getRandom(1000) }, beforeSend: function () { progress.start(); }, success: function (result) { alert(result); window.location.href = "index.html"; }, error: function (jqXHR) { alert("发生错误:" + jqXHR.status); }, complete: function () { progress.done(); } }); alert("数据已提交,正在查询是否能成功...");//就是添加的这一句 } else { alert("未完成验证!"); } } }); ``` 但是问题来了,他是先执行alert("数据已提交,正在查询是否能成功...");再执行success或者error,这是为什么?然后还有为什么我不添加这一句就不执行呢? 大神们,这是什么原因?我是个菜鸟,望大神解答一下。

js获取后台返回的ajax数据 , 是Integer集合 , 现在想遍历这个data

1 . 后台返回了 一个 List<Integer>list 集合给前台ajax ; 2 . 前台页面显示console.log(data) 格式为 [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] , 其中'0' 有可能是1 , 就是集合里面只会是0 或者 1 3 . 现在想获取每一个数字的下标 , 下面是js的ajax请求 , allStatus 是点击全选复选框后 , 所有value 的 数组 ``` /* 点击全选复选框时触发的事件 */ $('#checkall').on("click", function() { var url = $(this).parents('li').find('img'); $('input[name="station_name"]').each(function() { $(this).prop("checked", true); }) console.log(this) $('input[name="station_name"]:checked').each(function(i) { if (this.checked) { allStatus[i] = this.value; } }); console.log(allStatus) $.ajax({ data : { 'allStatus' : allStatus }, type : "get", url : "/PaStation/getAllStatus", dataType : "text", traditional : true, success : function(data) { arr = data console.log(arr) /*if (data == 1) { url.attr('src', '../images/pademo_green.png'); } else { url.attr('src', '../images/pademo_blue.png'); }*/ } }) //url.attr('src', '../images/pademo_green.png'); }); ``` 4 . 现在想根据 , 0 或者 1 , 给每个复选框展示不同的图片 , 也就是 Green 或者 blue , 因为对js 实在不熟悉 , 卡了 很久 , 希望有前端大佬可以帮助我这个菜鸟 5 . 感谢大家的帮助 , 有什么对问题不清晰的地方可以留言 , 我详细说明一下 , 再次提前感谢各位大佬的帮助 谢谢 问题补充 : 下面是复选框内容的代码片段 ``` <div class="box"> <ul class="box-list clearfix"> <li> <div class="index">01</div> <div class="img"><img src="../static/images/pademo_grey.png" th:src="@{/images/pademo_grey.png}" alt=""></div> <label><input type="checkbox" name="station_name" id="1" value="1" />七莘路</label> </li> <li> <div class="index">02</div> <div class="img"><img src="../static/images/pademo_grey.png" th:src="@{/images/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="2" value="2" />虹莘路</label> </li> ```

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐