同前端联调过程中遇到的坑

简介:

最近在和前端联调的过程中,发现有个数据他们老是传不到后台,于是在网上查了一下资料后发现原来是disable属性在作乱,更改后解决问题,记录下来备忘。

 

参考:http://www.3lian.com/edu/2013/06-22/75978.html

 

1、<inputtype="text" name="name" value="xxx"disabled="true"/>

2、<input type="text"name="name" value="xxx" readonly="true"/>

 

这两种写法都会使显示出来的文本框不能输入文字,

 

但disabled会使文本框变灰,而且通过request.getParameter("name")得不到文本框中的内容(如果有的话),

 

而readonly只是使文本框不能输入,外观没有变化,而且通过request.getParameter("name")可以得到内容。

 

除开上边的问题之外,也因为ng-if和ng-show的问题纠结了好久,参考以下内容成功协助他们解决问题。


参考:http://www.bubuko.com/infodetail-1125166.html


ng-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。


如果赋值给ng-if的表达式的值是false,那对应的元素将会从DOM中移除,否则对应元素的一个克隆将被重新插入DOM中。


ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,是真正生成或移除节点。


当一个元素被ng-if从DOM中移除,同它关联的作用域也会被销毁。而且当它重新加入DOM中时,会通过原型继承从它的父作用域生成一个新的作用域。


同时有一个重要的细节需要知道,ngIf重新创建元素时用的是它们编译后的状态。如果ng-if内部的代码加载之后被jQuery修改过(例如用.addClass),那么当ng-if的表达式值为false时,这个DOM元素会被移除,表达式再次成为true时这个元素及其内部的子元素会被重新插入DOM,此时这些元素的状态会是它们的原始状态,而不是它们上次被移除时的状态。也就是说无论用jQuery的.addClass添加了什么类都不会存在了。


ngshow只是起到显示和隐藏的效果,通过css,只是视觉效果,与元素实际存在与否无关。

目录
相关文章
|
10月前
|
负载均衡 前端开发 JavaScript
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
168 1
|
存储 缓存 前端开发
|
SQL JSON 前端开发
|
Web App开发 前端开发 安全
5 分钟解决前后端联调问题,说一说前端代理这件事
简洁,又能触达痛点的一站式前端代理解决方案,你值得拥有。
5 分钟解决前后端联调问题,说一说前端代理这件事
|
前端开发 Java Spring
同前端联调遇到的坑(二)
一、出现的问题 项目在测试阶段出现了一些问题,在有一个页面进行增加或删除数据后刷新,页面没有任何反应。 查看增加或修改的请求,响应是200状态,提示新增或删除成功,但是页面刷新后无论是条数还是详细数据都没有变化,该多的不多,该少的也不少。 而且看到新增或删除后的查询请求,返回状态码是304,也就是说页面重定向了。 由于这一模块相关的前端代码不是现在的这个同时负责,因此他也是一顿好找。
1187 0
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
64 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第五十一天-工厂模式4
前端学习笔记202306学习笔记第五十一天-工厂模式
34 0
|
4月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
《Webpack5 核心原理与应用实践》学习笔记-> 构建微前端应用
41 1