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

简介:

最近在和前端联调的过程中,发现有个数据他们老是传不到后台,于是在网上查了一下资料后发现原来是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,只是视觉效果,与元素实际存在与否无关。

目录
相关文章
|
1月前
|
JSON 前端开发 API
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
64 5
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
|
1月前
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
179 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
负载均衡 前端开发 JavaScript
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
268 1
|
存储 缓存 前端开发
|
SQL JSON 前端开发
|
Web App开发 前端开发 安全
5 分钟解决前后端联调问题,说一说前端代理这件事
简洁,又能触达痛点的一站式前端代理解决方案,你值得拥有。
5 分钟解决前后端联调问题,说一说前端代理这件事
|
前端开发 Java Spring
同前端联调遇到的坑(二)
一、出现的问题 项目在测试阶段出现了一些问题,在有一个页面进行增加或删除数据后刷新,页面没有任何反应。 查看增加或修改的请求,响应是200状态,提示新增或删除成功,但是页面刷新后无论是条数还是详细数据都没有变化,该多的不多,该少的也不少。 而且看到新增或删除后的查询请求,返回状态码是304,也就是说页面重定向了。 由于这一模块相关的前端代码不是现在的这个同时负责,因此他也是一顿好找。
1230 0
PAT (Basic Level) Practice (中文)- 1065 单身狗(25 分)
PAT (Basic Level) Practice (中文)- 1065 单身狗(25 分)
107 0
|
JavaScript 前端开发 C#
ECMAScript
在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象(Object)和函数对象(Function)。 一般而言,通过new Function产生的对象是函数对象,其他对象都是普通对象。
894 0

热门文章

最新文章