怎么把一个form表单里的input框分类,做到转换为json格式时可以形成一个大数组?

想实现的就是有在一个form表单里有一系列输入框分为好几个组,
输入值后选择用转换为json格式提交
图片说明最后想导出的json想是每个红框里是一组,然后是存在一个大的json数组里
想把在一个form表单里的N个input输入框分为几个组 可以在导出json时实现
[{zubie1:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}},{zubie2:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}}]这种形式的
求助各位大神

3个回答

好久没有写,首先是你获得到form,然后form内的所有如select ,input ,textarea里的内容,然后呢放到一个json里面,通常这个json不用像你那么麻烦
基本都是
{
id:value
}
我就懒得查代码的严谨性了,粗略打下吧

var json={};

var elelist= document.querySelectorAll("#fom");
elelist.foreach(item=>{
swith(item.type){//判断类型如果是input
    case input:{
        json[item.id]=item.value
    }
}
})
最后你就有你的json,大概就这样,溜了,代码思路流程基本都有,然后不做伸手党

不是很明白你想表达的意思 --

weixin_43940904
摇摇马 就我想把在一个form表单里的N个input输入框分为几个组 可以在导出json时实现[{zubie1:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}},{zubie2:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}}]这种形式的
8 个月之前 回复

json,我个人觉得是后台向前台发送的数据用,前台表格提交,后台用post接收就是,感觉不用搞这么复杂吧。。。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JSON.stringify将JSON数组对象转换成字符串,每个字符前多出了一个"\r"字符
![图片说明](https://img-ask.csdn.net/upload/201906/13/1560433838_798906.png) 如图, 红色标识的是json数组对象,蓝色标识的转换后的结果![图片说明](https://img-ask.csdn.net/upload/201906/14/1560479329_737411.png)补充一下,发生奇怪现象的是一个form表单的input标签的value属性![图片说明](https://img-ask.csdn.net/upload/201906/14/1560479421_57768.png)序列化之后使用JSON.stringify
easyui form表单数据回显
Json数据格式 data: [ name:'zhangsan',age:13,order:{id:001,orderName:'订单1'} ] 表单 <form id='form'> <input type="text" name="name" required="true" /> <input type="text" name="order.orderName" required="true" /> </form> 调用$("#form").form('load',data);时<input type="text" name="order.orderName" required="true" />没有数据回显是怎么回事?
获取到的input值没有变化
``` function update() { $(".update").on('click',function () { var id=$(this).parent("td").parent("tr").children().eq(1).html(); $.ajax({ type:"POST", DataType:"JSON", url:"/employeeController/findEmpFilesById?id="+id, success:function (data) { var obj = JSON.parse(data) console.log("==="+obj.name) var index = layer.open({ type: 1, title: '修改', closeBtn: 0, shadeClose: true, btn:["确定","取消"], area:['560px','380px'], content: $("#form").html(), success:function(layero, index){ $(".name").val(obj.name) $(".deparment").val(obj.deparment) $(".work").val(obj.work) $(".college").val(obj.college) $(".major").val(obj.major) $(".entrol_school").val(obj.strEnrol_school) $(".graduation_school").val(obj.strGraduation_school) $(".degree").val(obj.degree) $(".isdegree").val(obj.isdegree) }, yes:function (index,layero){ var deparment=$(".deparment").val(); var work=$(".work").val(); var college=$(".college").val(); var major=$(".major").val(); var entrol_school=$(".entrol_school").val(); var graduation_school=$(".graduation_school").val(); var degree=$(".degree").val(); var isdegree=$(".isdegree").val(); alert(isdegree) $.ajax({ type:"POST", DataType:"JSON", url:"/employeeController/updateEmpFilesById?id="+id+"&deparment="+deparment +"&work="+work+"&college="+college+"&major="+major+"&enrol_school="+entrol_school +"&degree="+degree+"&isdegree="+isdegree+"&graduation_school="+graduation_school, success:function () { $("#content").load("/views/employee_files.jsp") layer.close(index); } }) } }) } }) }) } ``` ```首先是通过ajax查询数据,查到数据后,将layer弹出层的form表单设置默认值,然后,点击确定,获取layer弹出层中的input标签的值,用户可以更改input值,但是修改了之后,获取到的还是之前设置的值。如下图: ![图片说明](https://img-ask.csdn.net/upload/202004/07/1586252602_723369.png) 弹出的是最后一个input的值,这是success中设置的值,yes中获取的应该是当前的值,及为 否。麻烦各位大佬帮忙解决解决。在线等。 ```
spring boot表单同时上传文件和json
<form> <input name=filename type="file"> <input type="text" > <form> @PostMapping("vlues") public void addBlackList(HttpServletRequest request, HttpServletResponse response, @RequestParam("filename") MultipartFile file) throws IOException {......} 如上;表单接收一个文件或者文本,文本以JSON的格式POST上传,文件和文本都可以不传其中一个。后台代码怎么写才可以实现文件不传???直接用springboot的MultipartFile,不传文件会报错。救救孩子!!!
ajax提交表单问题,提交的地址是form的action参数还是ajax的url参数啊?
代码如下 ``` <!DOCTYPE html> <html> <head> <title></title> </head> <body> <form action="login.php" method="POST"> <input type="text" name="name" id="name"> <input type="submit" name="" id="submit" value="提交"> </form> <script type="text/javascript"> $("#submit").on("click",function(){ $.ajax({ type: "post", url:"login1.php" dataType: "json", data: $("#signupForm").serialize(), success: function (msg) { alert(msg); } }); }) </script> </body> </html> ``` 当我使用ajax提交表单的时候 提交的地址是取决于from的action参数还是ajax的url参数? 还有提交方式是取决于form的method参数还是ajax的type参数?
Easyui 使用dialog窗口提交form表单 数据为空
我点击打开easyUI的dialog窗口时,后台接收的数据全部为null;但我直接使用jq的打开窗口并传输数据,后台都能获取到。我看网上有人说使用了dialog文档结构改变了,找不到对应的from?该怎么改啊 * js部分 ```javascript <script type="text/javascript"> /* 显示addDiv */ function addDiv() { $("#addTab").dialog({ title : '新增', width : 600, height : 400, modal : true }) $("#addTab").dialog("open"); } /* 提交新增 */ function add() { var $dialog = $("#addDiv"); var $form = $dialog.find("form[name=addForm]"); var formData = new FormData($form[0]); console.log($form); console.log(formData); $.ajax({ url : basePath + "/goodsAdd.json", type : "post", dataType : "json", data :formData, processData : false, cache : false, contentType : false, success : function(data) { if (data.num == 1) { $.messager.alert('提示', "新增成功"); $("#datag").datagrid("reload"); } else { $.messager.alert('提示', "新增失败"); } } }); } </script> ``` * HTML部分 ```html <body> <div id="addDiv" > <form name="addForm" method="post" enctype="multipart/form-data"> <table id="addTab"> <tr> <td>商品名称:<input id="goodsname1" class="easyui-textbox" name="goodsname" style="width: 150px"></td> <td>商品价格:<input id="goodsprice1" class="easyui-numberbox" name="goodsprice" data-options="validType:'goodsprice',required:true" style="width: 150px"></td> </tr> <tr> <td>保质&emsp;期:<input id="releasedate1" class="easyui-numberbox" name="releasedate" data-options="validType:'releasedate',required:true" style="width: 150px"></td> <td>生产日期:<input id="creationdate1" class="easyui-datetimebox" name="creationdate" data-options="validType:'creationdate',required:true" style="width: 150px"></td> </tr> <tr> <td>产&emsp;&emsp;地:<input id="producingarea1" class="easyui-textbox" name="producingarea" data-options="validType:'producingarea',required:true" style="width: 150px"></td> <td>商品类型:<input id="goodstype1" class="easyui-textbox" name="goodstype" data-options="validType:'goodstype',required:true" style="width: 150px"></td> </tr> <tr> <td>商品信息:<input id="goodsinfo1" class="easyui-textbox" name="goodsinfo" data-options="validType:'goodsinfo',required:true" style="width: 150px"></td> </tr> <tr> <td colspan="2"> <div style="width: 100%; text-align: center;"> <img id="defaultImage" style="width: 250px; height: 150px; display: inline-block;" alt="默认商品" src="../../view/images/goods/wallhaven-2e3839.jpg"> </div> </td> </tr> <tr> <td colspan="2"> <div style="width: 100%; text-align: center;"> <input name="upImage" class="easyui-filebox" style="width: 300px" data-options="buttonText:'选择文件',onChange:showImage"> </div> </td> <td> <input type="hidden" id="goodsimagename" name="goodsimagename" value="wallhaven-2e3839"> <input type="hidden" id="goodssuffix" name="goodssuffix" value="jpg"> <input type="hidden" id="goodsimagetype" name="goodsimagetype" value="image/jpg"> <input type="hidden" id="goodsimagesize" name="goodsimagesize" value="8888"></td> </tr> <tr> <td colspan="2" style="text-align: center;"><a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',onClick:add">提交</a></td> </tr> </table> </form> </div> </body> ```
form表单多行提交,往数据库添加
![图片说明](https://img-ask.csdn.net/upload/201701/10/1484038087_349126.png) 单击保存,往数据库里多行添加,怎么做,小白, 请大神指教 ``` ``` <%@ page contentType="text/html;charset=UTF-8" %> <%@ include file="/WEB-INF/views/include/taglib.jsp"%> <html> <head> <title>订单管理</title> <meta name="decorator" content="default"/> <script type="text/javascript"> $(document).ready(function() { var a=0; $("#add").click(function(){ var i=a++; $("#tbody select").children().next().remove(); $("#tbody").append("<tr>"+"<td><input name=\"breedid\" maxlength=\"18\" htmlEscape=\"false\"class=\"input-xlarge\" /></td>"+ "<td><select id=\"select\" name=\"breednamess\" ><option>请选择</option></select></td>"+ "<td><input name=\"standard\" maxlength=\"64\" htmlEscape=\"false\"class=\"input-xlarge\"/></td>"+ "<td><input name=\"count\"></td>"+"<td><input name=\"price\"></td>"+ "<td><input name=\"total\" maxlength=\"64\" htmlEscape=\"false\"class=\"input-xlarge\"/></td>"+ "<td><input type=\"button\" value=\"删除\" id=\"delete1\" ></td>"+ "</tr>"); var supperliername=$("#sel").val(); //alert("行数:"+$("tbody td").parent().index()); var uri="http://localhost:8181/jeesite/a/number/demoNumber/getbreed?suppliernames="+supperliername; $.getJSON(uri,function(json){ alert(json.length); for(var i=0;i<=json.length;i++){ //alert(json[i].breedname); //$("#select").append("<option value='"json[i].breedname"' >"+json[i].breedname+"</option>"); if(i==i){ $("#tbody select").append("<option value='"+json[i].breedname+"'>"+json[i].breedname+"</option>"); } } }); }); $("#sel").click(function(){ //alert(); $("#select").empty(); var supperliername=$("#sel").val(); //alert(supperliername); var uri="http://localhost:8181/jeesite/a/number/demoNumber/getbreed?suppliernames="+supperliername; $.getJSON(uri,function(json){ //alert(json.length); for(var i=0;i<=json.length;i++){ //alert(json[i].breedname); //$("#select").append("<option value='"json[i].breedname"' >"+json[i].breedname+"</option>"); $("#select").append("<option value='"+json[i].breedname+"'>"+json[i].breedname+"</option>"); } }); }); $("#delete1").live("click",function(){ alert(); $("#tbody tr").remove(); }); //$("#name").focus(); $("#inputForm").validate({ submitHandler: function(form){ loading('正在提交,请稍等...'); form.submit(); }, errorContainer: "#messageBox", errorPlacement: function(error, element) { $("#messageBox").text("输入有误,请先更正。"); if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){ error.appendTo(element.parent().parent()); } else { error.insertAfter(element); } } }); }); </script> </head> <body> <ul class="nav nav-tabs"> <li><a href="${ctx}/number/demoNumber/">订单列表</a></li> <li class="active"><a href="${ctx}/number/demoNumber/form?id=${demoNumber.id}">订单<shiro:hasPermission name="number:demoNumber:edit">${not empty demoNumber.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="number:demoNumber:edit">查看</shiro:lacksPermission></a></li> </ul><br/> <form id="inputForm" modelAttribute="demoNumber" action="${ctx}/number/demoNumber/save" method="post" class="form-horizontal"> <%-- <form:hidden path="id"/> --%> <sys:message content="${message}"/> <div> <td> <label >制单部门:</label> <input type="text"> <label >采购员:</label> <input type="text"><br><br> <label >供货商名称:</label> <select id="sel" style="width: 200px" name="suppliernamess" > <option>请选择</option> <c:forEach items="${list1}" var="list1"> <option value="${list1.suppliername}" >${list1.suppliername}</option> </c:forEach> </select> </div> <div><input type="button" value="添加" id="add">&nbsp;<input type="button" value="删除" id="delete" > </div> <table id="contentTable" class="table table-striped table-bordered table-condensed"> <thead> <tr> <th style="max-width: 50px;max-height: 50px" >产品编号</th> <th>品种名称</th> <th>规格型号</th> <th>数量</th> <th>单价</th> <th>总金额</th> <shiro:hasPermission name="number:demoNumber:edit"><th>操作</th></shiro:hasPermission> </tr> </thead> <tbody id="tbody" > </tbody> </table> <div class="form-actions"> <shiro:hasPermission name="number:demoNumber:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission> <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/> </div> </form> </body> </html>
form表单提交图片,javaWeb端来接收图片
$.ajax({ url: "servlet/IdCardServlet", type: "post", data: $('#uploadForm').serialize(), dataType: 'json', complete: function(data) { }, Error: function(error, exception) { } }); <form id="uploadForm" method="post" enctype="multipart/form-data"> <input type="file" name="file" id="file" /> <input type="button" value="提交" onclick="test();" /> </form> 在javaWeb端怎么写图片的接收,保存到数据表里
基于SSH框架的AJAX,在struts标签下验证id是否存在,或者使用JQuery和JSON
我在做一个简单的例子,对输入表单进行验证,因为在JSP页面中使用了struts的标签,现在在action名-方法名-validation.xml里进行的验证可以正常工作,但是在尝试利用ajax方式进行异步服务器端验证的时候遇到了困难,查了一些资料,说是struts2.1以后的版本中,不能再用struts标签进行ajax验证,而是要通过struts-dojo标签,而我找了几个这个版本的例子,发现实现的方式是在struts表单中加入onblur属性触发js函数,这样的话还何必使用struts标签的form呢?于是又找了一些不使用<s:form>表单的例子,用到了Jquery.js和json插件,但现在还有一些疑问如下. 1.<s:form>表单中能嵌套使用普通的html标签么?我尝试在<s:form>内部的<s:textfield>后加入<scan id="xxx">这样的标签发现没用,放到<s:form>外面则可以正常显示,那么如果在<s:form>内部想要实现异步验证显示不同的提示应该怎么实现呢? 2.针对一个<s:textfield>提交的内容 比如用户名或者ID这样在数据库中不允许重复的字段,是否只能用onblur="xx"这样的方式来进行失去焦点时进入xx这个js函数进行验证?我看的struts书中对struts2.0中可以通过设置<s:form>中 theme="ajax"来实现,那么相对应的struts2.1版本应该如何实现呢? 3.我又找了不用<s:form>标签的例子,是用jquery.js和json插件,但例子使用的输入只有一个<input>样式的,没有包含在<form>里 那么如果<form>有了提交的action 单独一行的输入如何执行自己单独要执行的验证action呢? 字打的比较多也比较乱,因为我的基础比较差,见谅.
求助!ajax传递参数给controller层,报400错误。新手求助
ssm项目,一个人事管理系统,我的毕业设计。 ajax传递参数给controller层,前端报400错误,后端不报错: ![图片说明](https://img-ask.csdn.net/upload/202003/20/1584709984_827117.png) 功能是这样的:点击新增,弹出layer层,一个form表单,输入信息后,将表单中的值传递给controller层,然后进行insert。 这里点击确定后,报400,后端不报错。 这是我的前端请求: ``` ``` //layer弹出层 function pop(){ $(".add").click(function (){ //页面层-自定义 layer.open({ type: 1, title: '新增', closeBtn: 0, shadeClose: true, btn:["确定","取消"], skin: 'layui-layer-rim', area:['450px','320px'], content: $("#form").html(), yes:function (index,layero){ var name_ = $(layero).find(".name").val(); alert(name_) var sex = $(layero).find(".sex").val(); var deparment =$(layero).find(".deparment").val(); var work = $(layero).find(".work").val(); var work_type = $(layero).find(".work_type").val(); var tel=$(layero).find(".tel").val(); var become_full = $(layero).find(".become_full").val(); var data = {"name":name_, "sex":sex, "deparment":deparment, "work":work, "work_type":work_type, "tel":tel, "become_full":become_full } var d = JSON.stringify(data); console.log(d) $.ajax({ type:"GET", DataType:"JSON", contentType:"applicaiton/json", data:JSON.stringify(data), url:"/employeeController/addEntry", success:function(data){ alert("addEntry success!") }, error:function (){ console.log("addEntry error!") } }) } }); }) } ``` 这是我的form表单: ``` <form id = "form" class = "form" style="display:none"> <ul id ="form_ul"> <li><h4>姓名:</h4><input type="text" class = "name"></li> <li><h4>性别:</h4><input type="text" class="sex"></li> <li><h4>部门:</h4><input type="text" class="deparment"></li> <li><h4>职位:</h4><input type="text" class="work"></li> <li><h4>工作类型:</h4><input type="text" class="work_type"></li> <li><h4>手机号:</h4><input type="num" class="tel"></li> <li><h4>转正日期:</h4><input type="date" class="become_full"></li> </ul> </form> ``` 这是我的controller方法 : ``` //入职管理,添加 @RequestMapping(value="addEntry",method = RequestMethod.GET) @ResponseBody public void addEntry(HttpServletResponse response,@RequestBody Entry entry){ System.out.println("employeeName:"+entry.getName()); int rows = employeeService.addEntry(entry); String json = JSON.toJSONString(rows); response.setCharacterEncoding("utf-8"); response.setContentType("utf-8"); try { response.getWriter().write(json); } catch (IOException e) { e.printStackTrace(); } } ``` 这是我的实体类: package com.clgc.entity; import java.util.Date; //入职管理类 public class Entry { private int id; private String name; private Sex sex; private String deparment; private String work; private String work_type; private String tel; private Date become_full; private String strBecome_full; private String resumae;//简历 public Entry() { } 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 Sex getSex() { return sex; } public void setSex(Sex sex) { this.sex = sex; } public String getDeparment() { return deparment; } public void setDeparment(String deparment) { this.deparment = deparment; } public String getWork() { return work; } public void setWork(String work) { this.work = work; } public String getWork_type() { return work_type; } public void setWork_type(String work_type) { this.work_type = work_type; } public String getTel() { return tel; } public void setTel(String tel) { this.tel = tel; } public Date getBecome_full() { return become_full; } public void setBecome_full(Date become_full) { this.become_full = become_full; } public String getResumae() { return resumae; } public Entry(int id, String name, Sex sex, String deparment, String work, String work_type, String tel, Date become_full, String strBecome_full, String resumae) { this.id = id; this.name = name; this.sex = sex; this.deparment = deparment; this.work = work; this.work_type = work_type; this.tel = tel; this.become_full = become_full; this.strBecome_full = strBecome_full; this.resumae = resumae; } public String getStrBecome_full() { return strBecome_full; } public void setStrBecome_full(String strBecome_full) { this.strBecome_full = strBecome_full; } public void setResumae(String resumae) { this.resumae = resumae; } @Override public String toString() { return "Entry{" + "id=" + id + ", name='" + name + '\'' + ", sex=" + sex + ", deparment='" + deparment + '\'' + ", work='" + work + '\'' + ", work_type='" + work_type + '\'' + ", tel='" + tel + '\'' + ", become_full=" + become_full + ", strBecome_full='" + strBecome_full + '\'' + ", resumae='" + resumae + '\'' + '}'; } } 将@RequestBody Entry entry这个controller的参数去点,可以成功访问到controller 还有一个问题: 之前我用的是post请求,但是报Request method 'GET' not supported 这个错误,我把post请求改为get,就报现在这个错误,现在又把get改为post,又报下面这个错误了。不知道怎么回事。 -> 报415 ![图片说明](https://img-ask.csdn.net/upload/202003/20/1584710950_483964.png) 求助各位大神!!! ```
开发类似django admin actions功能时,复选框勾选提交后没有反应,代码完全照葫芦挖瓢抄的
<form action="" method="post" onsubmit="return ActionSubmit(this)">{% csrf_token %} <div class="col-lg-2" style="margin-left: 15px"> <select id="action_list" name="action" class="form-control"> <option value="">--------</option> {% for action in model_obj.actions %} <option value="{{ action }}">{{ action }}</option> {% endfor %} </select> </div> <div class="col-lg-1"> <button type="button" class="btn" >Go</button> </div> </form> <thead> <tr> <th style="width: 35px" ><input type="checkbox" onclick="CheckAllToggle(this)"></th> {% for column in model_obj.list_display %} {% built_table_header_column column orderby_key %} {# <th><a href="?o={{ column }}">{{ column }}</a></th>#} {% endfor %} </tr> </thead> <tbody> <tr> {# {% get_query_sets model_obj as query_sets %}#} {% for obj in query_sets %} <tr> <td><input tag="obj_checkbox" type="checkbox" value="{{ obj.id }}"></td> {% built_table_row request obj model_obj %} </tr> {% endfor %} </tr> </tbody> <script> function CheckAllToggle(ele) { console.log($(ele).prop("checked")) if ($(ele).prop("checked")){ $("input[tag='obj_checkbox']").prop("checked", true); } else { $("input[tag='obj_checkbox']").prop("checked", false); } } function ActionSubmit(form_ele) { var selected_ids = []; $("input[tag='obj_checkbox']:checked").each(function () { selected_ids.push($(this).val()); }) var selected_action = $("#action_list").val(); {#console.log(selected_action)#} if (selected_ids.length==0){ alert("No object got selected!"); return } if (!selected_action){ alert("No action got selected!"); return } {# 有action,也选择了checkbox #} // 在form表单里添加一个隐藏的 input,并且带上参数selected_ids var selected_ids_ele = "<input name='selected_ids' type='hidden' value='" + selected_ids.toString() + "' >" $(form_ele).append(selected_ids_ele); return true } </script> ![图片说明](https://img-ask.csdn.net/upload/202002/25/1582565161_766516.png) ``` ```
html表单提交时,不显示文本框上的错误提示信息
``` <input type="text" class="form-control" style="width:80%;" id="username" name="username" placeholder="请输入商户昵称" required pattern="[A-Za-z0-9\u4e00-\u9fa5]{0,25}" title="最大长度为25位" > <input id="string_confirm_the_registration" type="submit" value="确认注册" style="margin-top: -50px; width: 287px;" onclick="register_user()"> function register() { var form = $("#form") ; $.post('user/reg',form.serialize(), function(result){ if(result.code==0){ window.location.href="register_success.html"; }else{ alert(result.msg); } }, 'JSON') ; } 文本框输入错误,只显示result.msg里的内容 ```
jQuery EasyUI里表单(Form)的load方法实例。
jQuery EasyUI里表单(Form)的load的方法 需要返回什么格式的JSON文件 ,我的返回数据显示不了 有实例的大哥们。 [color=red]HTML:[/color] function editInfo(){ var row = $('#test').datagrid('getSelected'); if(row){ win.window('open'); var code = row.code; $('#form1').form('load', 'get.action?code='+code); }else{ $.messager.alert('提示信息','请先选择要更新的记录。','info'); } } <form method="post" id="form1"> <table> <tr> <td>企业编号:</td> <td><input name="qybh" style="width:200px;" id="qybh"></input></td> </tr> <tr> <td>企业名称:</td> <td><input name="qymc" style="width:200px;"></input></td> </tr> <tr> <td>设备序号 :</td> <td><input name="sbxh" style="width:200px;"></input></td> </tr> <tr> <td>设备名称:</td> <td><input name="sbmc" style="width:200px;"></input></td> </tr> <tr> <td>正常率:</td> <td><input name="zcl" style="width:200px;"></input></td> </tr> <tr> <td>保修率:</td> <td><input name="bxl" style="width:200px;"></input></td> </tr> <tr> <td>出水/入水:</td> <td><input name="csrs" style="width:200px;"></input></td> </tr> <tr> <td>类型:</td> <td><input name="lx" style="width:200px;"></input></td> </tr> <tr> <td>预测比:</td> <td><input name="ycb" style="width:200px;"></input></td> </tr> <tr> <td>指标类型:</td> <td><input name="zbfl" style="width:200px;"></input></td> </tr> <tr> <td>指标分类:</td> <td><input name="zbmx" style="width:200px;"></td> </tr> <tr> <td>去除率:</td> <td><input name="qcl" style="width:200px;"></input></td> </tr> <tr> <td>指标描述:</td> <td><input name="zbms" style="width:200px;"></input></td> </tr> </table> </form> </div> <div style="text-align:center;padding:5px;"> <a href="javascript:void(0)" onclick="saveUser()" id="btn-save" icon="icon-save">保存</a> <a href="javascript:void(0)" onclick="closeWindow()" id="btn-cancel" icon="icon-cancel">取消</a> </div> [color=red]JAVA文件[/color] : package com.struts2.jquery.test; import java.util.ArrayList; import java.util.List; import java.sql.*; import net.sf.json.JSONArray; import com.struts2.jquery.vo.User; public class GetAction extends com.struts2.jquery.common.AbstractJSONAction { private static final long serialVersionUID = 1L; private JSONArray get; private String code; public String getCode() { return code; } public void setCode(String code) { this.code = code; } public String GetInfoAction(){ Statement st=null; Connection conn=null; ResultSet rs=null; List<User> list = new ArrayList<User>(); User user = null; String dbDrive = "oracle.jdbc.driver.OracleDriver"; //dbDrive; String conStr = "jdbc:oracle:thin:@192.168.0.95:1521:orcl"; //conStr; try { Class.forName(dbDrive); conn=DriverManager.getConnection(conStr,"epe","epe"); st=conn.createStatement(); String sql = "select * from demo_vip where id = "+code+""; rs = st.executeQuery(sql); while(rs.next()){ user = new User(); user.setCode(rs.getInt("id")); user.setQybh(rs.getString("qybh")); user.setQymc(rs.getString("qymc")); user.setSbxh(rs.getString("sbxh")); user.setSbmc(rs.getString("sbmc")); user.setZcl(rs.getString("zcl")); user.setBxl(rs.getString("bxl")); user.setCsrs(rs.getString("csrs")); user.setLx(rs.getString("lx")); user.setYcb(rs.getString("ycb")); user.setZbfl(rs.getString("zbfl")); user.setZbmx(rs.getString("zbmx")); user.setQcl(rs.getString("qcl")); user.setZbms(rs.getString("zbms")); list.add(user); } get = JSONArray.fromObject(list); System.out.print(get); }catch (Exception e) { e.printStackTrace(); }finally{ try { rs.close(); st.close(); conn.close(); } catch (SQLException e) { e.printStackTrace(); } } return SUCCESS; } public JSONArray getGet() { return get; } public void seGet(JSONArray get) { this.get = get; } } [color=red]配置:[/color] <action name="get" class="com.struts2.jquery.test.GetAction" method="GetInfoAction"> <result type="json"> <param name="root">get</param> </result> </action>
纯js实现上传文件小工具IE兼容性问题
https://www.jianshu.com/p/5147e36cf19c 这里写道非常方便的上传文件代码,但是用IE内核就无法上传文件,直接是不发送数据,不知道哪里出现了问题。直接不POST chorme内核使用非常好。 也尝试过通过meta强制使用chorme内核,但是不行 ``` <meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> ``` 需要解决的上传代码如下 ``` function easyUpload(){ var input = document.createElement("input"); input.type = "file"; input.click(); input.onchange = function(){ var file = input.files[0]; var form = new FormData(); form.append("file", file); //第一个参数是后台读取的请求key值 form.append("fileName", file.name); form.append("other", "666666"); //实际业务的其他请求参数 var xhr = new XMLHttpRequest(); var action = "http://localhost:8080/upload.do"; //上传服务的接口地址 xhr.open("POST", action); xhr.send(form); //发送表单数据 xhr.onreadystatechange = function(){ if(xhr.readyState==4 && xhr.status==200){ var resultObj = JSON.parse(xhr.responseText); //处理返回的数据...... } } } } ``` 后台代码 ``` <?php //print_r($_FILES); echo json_encode($_FILES); sleep(5); ?> ```
求助 PHP如何接受ajax的post 表单并分行保存TXT呢
JS代码如下 ``` function SubmitApply() { var form = Global.GetElement("#submitForm"); var UserName = Global.GetElement(form, 'input[name="Name"]').value; var Mobile = Global.GetElement(form, 'input[name="Tel"]').value; var Position = Global.GetElement(form, 'input[name="Position"]').value; var Company = Global.GetElement(form, 'input[name="Company"]').value; var ActId = Global.GetElement(form, 'input[name="Actid"]').value; if (Global.IsNullOrWhitesapce(UserName)) { Global.Tip.TipError("姓名必须填写"); return; } if (Global.IsNullOrWhitesapce(Mobile)) { Global.Tip.TipError("手机必须填写"); return; } if (/^1[3|4|5|8][0-9]\d{4,8}$/.test(Mobile) == false) { Global.Tip.TipError("手机格式不正确"); return; } var ajaxRequest = new HttpAjaxRequest(); ajaxRequest.ajax({ dataType: 'json', url: '', data: { name: UserName, mobile: Mobile, companyname: Company, position: Position, actid: ActId }, successed: OnSubmitAppplySuccesse, error: function () { Global.Tip.TipError('提交失败!'); GlobalPlayer.DisableNext(); } }); } /** * 名称:申请提交成功 */ function OnSubmitAppplySuccesse(data) { if (data.Code == 0) { Global.Tip.TipMessage('提交成功!'); var form = Global.GetElement("#submitForm"); GlobalPlayer.EnableNext(); GlobalPlayer.PlayNext(); form.reset(); } else { Global.Tip.TipError('提交失败!' + data.Message); GlobalPlayer.DisableNext(); } } ``` 哪个好人帮我写个完整的PHP接受源码吧 本人PHP小白(已哭晕)
$('#form1').serialize()的问题
```页面代码: <body> <div id="chart" style="width: 580px;height: 420px;margin: 0 auto;border: 1px solid gray;"></div> <div> <form id="form1"name="form1" method="get" onSubmit="queryall();"> <fieldset> <legend>查询条件</legend> 日期:<input type="text" name="DeviceStatus.date" /> 班次:<input type="text" name="DeviceStatus.shiftWork" /> 生产线:<input type="text" name="DeviceStatus.line" /> <input type="submit" name="查询" value="submit"> </fieldset> </form> </div> <script type="text/javascript" src="resource/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="resource/js/echarts-all.js"></script> <script type="text/javascript"> jQuery(function queryall($) { var echart = echarts.init($("#chart")[0]); var data1=$('#form1').serialize(); var categories = []; var values = []; document.forms.form1.action = "deviceStatus_list"; // 同步执行 $.ajaxSettings.async = false; $.getJSON('deviceStatus_list',data1,function (json) { console.info("wwwwwwwwwwwwwwwww"); categories = json.categories; values = json.values; }); console.info("aaaaaaaa"); var option = { tooltip: { show: true }, legend: { data: ['问题原因'] }, xAxis: [ { type: 'category', data: categories } ], yAxis: [ { type: 'value' } ], series: [ { 'name': '问题原因', 'type': 'bar', 'data': values } ] }; echart.setOption(option); }); </script> </body> ``` ``` 拼接sql的后台代码: //选择了生产线 if(deviceStatus.getLine()!=null){ sql.append(" and statu1.line =?"); params.add(deviceStatus.getLine()); System.out.println("-----dao--line----"+deviceStatus.getLine()); } //选择了班次 if(deviceStatus.getShiftWork()!=null){ sql.append(" and statu1.shiftWork =?"); params.add(deviceStatus.getShiftWork()); System.out.println("-----dao--shift----"+deviceStatus.getShiftWork()); } //选择了日期 if(deviceStatus.getDate()!=null){ sql.append(" and statu1.date =?"); params.add(deviceStatus.getDate()); } sql.append(" GROUP BY stop1.equipmentFailure"); if(params.size()==0){ list= this.getHibernateTemplate().find(sql.toString()); }else{ Query query=session.createQuery(sql.toString()); query.setParameter(0, params.get(0)); query.setParameter(1, params.get(1)); query.setParameter(2, params.get(2)); list=query.list(); } `` 在这里,我要将表单参数作为条件传入sql中,当有这个参数时,就拼接一条 sql。 但当我没有提交表单时会报错。debug了一下,,发现拼接sql时会去拼接“班次”和 “生产线”这两个条件下的sql。但此时,这两个条件应该为空啊。在action中打印 System.out.println("------------"+deviceStatus.getLine()); System.out.println("------------"+deviceStatus.getShiftWork()); System.out.println("------------"+deviceStatus.getDate()); 时,deviceStatus.getLine()和deviceStatus.getShiftWork()没有输出。 deviceStatus.getDate()为null。 求问怎么解决啊,,就是想在不选择条件的情况下,他就不拼接sql 。选择了条件就拼接对应的sql。
angularjs+nodejs文件上传,用form表单可以成功上传,用angularjs上传不上去
第一种情况,可以正常上传文件,代码如下: html: =======================start=========== ``` <form enctype="multipart/form-data" action="api/Upload/" method="post"> <input id="file" type="file" name="imgUploader" multiple /> <input id="submit"type="submit" name="submit" id="btnSubmit" value="Upload" /> </form> ``` ======================end===================== 第二种情况,请求成功,但是文件没有上传上去,代码如下: ======================start==================== html: ``` <label for="file" class="btn btn-link" ng-click="vm.addjson()" style="font-size:10px;height:1px;margin:0px;padding-left:40px;">ファイル追加</label> <input type="file" id="file" ngf-select="true" ng-model="file" style="display: none"/> ``` angularjs: ``` $scope.$watch('file', function (file) { // alert($scope.file); $scope.upload($scope.file); }); $scope.upload = function (file) { alert("upload= "+file.name); Upload.upload( { headers: {'Content-Type':undefined}, url:"api/Upload/", method:"post", fields: {'username': $scope.username}, file: file, }) .progress(function (evt) { var progressPercentage = parseInt(100.0 * evt.loaded / evt.total); // alert('progress: ' + progressPercentage + '% ' + evt.config.file.name); }) .success(function (data, status, headers, config) { alert("angularjs_qingqiuchenggong"); // alert('file ' + config.file.name + 'uploaded. Response: ' + ' congig======='+config.sites); //添加文件 vm.addjson(file); }) .error(function (data, status, headers, config) { // alert('error status: ' + status); vm.addjson(file); }) }; ``` ==========================end======================= 两种方法使用共同的nodejs ,代码如下: ``` var Express = require('express'); var multer = require('multer'); var bodyParser = require('body-parser'); var path = require('path'); var app = Express(); app.use(bodyParser.json()); //app.use(Express.static(__dirname, "/static")); app.use(Express.static(path.join(__dirname, '/static'))); var Storage = multer.diskStorage({ destination: function (req, file, callback) { callback(null, "./json"); }, filename: function (req, file, callback) { callback(null, file.originalname); } }); var upload = multer({ storage: Storage }).array("imgUploader", 3); //Field name and max count app.get("/", function (req, res) { res.sendFile(__dirname + "/index.html"); }); app.post("/api/Upload", function (req, res) { upload(req, res, function (err) { if (err) { return res.end("Something went wrong!"); } // return res.end("upload success!"); }); }); app.listen(2000, function (a) { console.log("Listening to port 2000"); }); ``` 请问为什么使用使用上面第二种发法可以请求成功但是文件上传不上去呢?是我哪里写错了吗?帮我看一下,在线等,非常着急,谢谢了。
post提交form表单到springMVC,不能跳转问题
**项目结构: ** ![图片说明](https://img-ask.csdn.net/upload/201812/14/1544768206_941826.png) 1. jsp页面 **index.jsp** ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>首页</title> </head> <body> <a href="/sdkapp/init">去往登录页</a> </body> </html> ``` **login.jsp** ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>登录页</title> <script src="<%=request.getContextPath()%>/js/jquery-1.7.2.js" type="text/javascript"></script> </head> <body> <form id="frm"> 用户id: <input type="text" name="uid"><br><br> 用户名: <input type="text" name="username"><br><br> 密 码: <input type="password" name="password"><br><br> <input type="submit" id="btn" value="登录"> </form> <script type="text/javascript"> $("#btn").click(function () { console.log(getFormJson(frm)); $.ajax({ url: "${pageContext.request.contextPath}/sdkapp/login", type:"POST", data: getFormJson(frm), contentType:"application/json;charset=utf-8", success:function(data){ console.log(data) }, error:function(data){ console.log(data) } }); }) function getFormJson(frm) { //frm:form表单的id var o = {}; var a = $("#"+frm).serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; } </script> </body> </html> ``` **success.jsp** ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>登录成功页</title> </head> <body> <h1>登录成功</h1> </body> </html> ``` 2. 配置文件 **springmvc.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: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.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!--配置默认的servlet处理器,处理静态资源加载--> <mvc:default-servlet-handler/> <!--配置包扫描controller--> <context:component-scan base-package="controller"/> <mvc:annotation-driven/> <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/pages/"></property> <property name="suffix" value=".jsp"></property> </bean> </beans> ``` **web.xml** <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <servlet> <servlet-name>springMvc</servlet-name> <!--加载前端控制器--> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/springmvc.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>springMvc</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app> 3.java代码 **Login.java** ``` package controller; import controller.vo.User; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RestController; import org.springframework.web.servlet.ModelAndView; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @RestController @RequestMapping(value = "/sdkapp") public class Login { @RequestMapping(value = "/init") public ModelAndView casdkbindInput(){ ModelAndView view = new ModelAndView("/login"); return view; } @RequestMapping(value = "/login",method = {RequestMethod.POST},consumes = "application/json;charset=utf-8") public ModelAndView testJson(@RequestBody User user) throws Exception { System.out.println(user); ModelAndView view = new ModelAndView("/success"); return view; } } ``` **vo/User.java** ``` package controller.vo; import java.io.Serializable; public class User implements Serializable { private String uid; private String username; private String password; public String getUid() { return uid; } public void setUid(String uid) { this.uid = uid; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } @Override public String toString() { return "User{" + "uid='" + uid + '\'' + ", username='" + username + '\'' + ", password='" + password + '\'' + '}'; } } ``` 问题是 jq post请求到后台,后台返回 view时,前端接收不到? 附上demo地址:[百度云盘](https://pan.baidu.com/s/1edbTMGCw2wrhGKADY9x8XA "")
springMVC中如何用对象来接收前端序列化的表单?
前端表单: <form id="patientForm" method="post" enctype="application/json"> <div> &nbsp&nbsp<label for="name">姓名:</label> <input class="easyui-validatebox" type="text" name="name" data-options="required:true" /> </div> <div> <label for="birthday">出生日期:</label> <input id="birthday" type= "text" class= "easyui-datebox" name="birthday" required ="required" /> </div> <div> <label for="IdNumber">身份证号:</label> <input id="IdNumber" class="easyui-validatebox" type="text" name="IdNumber" data-options="required:true" /> </div> <div> <label for="tel">联系电话:</label> <input id="tel" class="easyui-validatebox" type="text" name="tel" data-options="required:true" /> </div> <div> &nbsp&nbsp<label for="sex">性别:</label> <select id="sex" class="easyui-combobox" name="sex" style="width:280px;"> <option value="">请选择......</option> <option value="男">男</option> <option value="女">女</option> </select> </div> <div> <label for="address">家庭住址:</label> <input id="address" class="easyui-validatebox" type="text" name="address" data-options="required:true" /> </div> <div> <label for="cli_doc">门诊医生:</label> <select id="cli_doc" class="easyui-combobox" name="cli_doc" style="width:280px" data-options="valueField:'id',textField:'text'"> <!-- <option>请选择......</option> --> </select> </div> <input id="reg_doc" name="reg_doc" type="hidden"/> <div> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a id="btn" href="javascript:add()" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加并挂号</a> </div> </form> ``` 用serialize()方法序列化表单之后用ajax传到后台,但总是传不过去,求教方法 ```
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
我在支付宝花了1分钟,查到了女朋友的开房记录!
在大数据时代下,不管你做什么都会留下蛛丝马迹,只要学会把各种软件运用到极致,捉奸简直轻而易举。今天就来给大家分享一下,什么叫大数据抓出轨。据史料证明,马爸爸年轻时曾被...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
推荐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 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级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的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
使用 Python 和百度语音识别生成视频字幕
文章目录从视频中提取音频根据静音对音频分段使用百度语音识别获取 Access Token使用 Raw 数据进行合成生成字幕总结 从视频中提取音频 安装 moviepy pip install moviepy 相关代码: audio_file = work_path + '\\out.wav' video = VideoFileClip(video_file) video.audio.write_...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
世界上有哪些代码量很少,但很牛逼很经典的算法或项目案例?
点击上方蓝字设为星标下面开始今天的学习~今天分享四个代码量很少,但很牛逼很经典的算法或项目案例。1、no code 项目地址:https://github.com/kelseyhight...
立即提问

相似问题