页面表单预览数据传递注意事项-阿里云开发者社区

开发者社区> mydcool> 正文

页面表单预览数据传递注意事项

简介: 有时候需要提供给用户对刚填写的表单“预览”功能,预览后还要返还源页面,并且保证页面数据不丢失。 有的是采用js功能给一个弹出框。 但有的需要真实html页面的跳转,我昨晚上弄的就是这个,现在记下来备用 不好意思,我暂时用PHP代码来讲,其它的语言中也应该有这些api函数: 1.form表单提交,获取多个input表单,组成数组。
+关注继续查看

有时候需要提供给用户对刚填写的表单“预览”功能,预览后还要返还源页面,并且保证页面数据不丢失。

有的是采用js功能给一个弹出框。

但有的需要真实html页面的跳转,我昨晚上弄的就是这个,现在记下来备用

不好意思,我暂时用PHP代码来讲,其它的语言中也应该有这些api函数:

1.form表单提交,获取多个input表单,组成数组。

2.显示预览页面时,先将数组用json_encode();进行编码,然后$smarty->assign('var', $var)到预览页面

3.在预览页面用html标签<textarea><{$var}></textarea>接收(我用<input type="text" ..../>,没有接收成功)

4.用form表单提交后获得该$var,由于我的页面提交后对json格式的数据中的双引号进行了转义

   所以,如果你们的也这样,就用php的htmlspecialchars_decode($var)函数将双引号还原

5.经过第四步后就可以用PHP的json_decode($var,true);进行解码,获得最初源页面提交的数组了

2012年10月25日 14:42:14

今天又发现一个问题,中文字符的json编码是用转义字符+u+16进制数字(\u5f20\u5fd7\u658c)组成的,

不知道什么原因,入库(mysql)时这里的转义斜线没有了(变成了:u5f20u5fd7u658c),再读出来json_decode()时,当然就不能显示汉字了,

我找到了义个PHP函数addcslashes($var,'\\'),这样就可以在每个转义斜线的前边再加一个转义斜线(变成了: \\u5f20\\u5fd7\\u658c),入库时由于只去掉了一个反斜线,所以格式正好正确,直接json_decode();就行了,o(∩_∩)o 哈哈

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
将jQuery Pagination分页插件用于不使用AJAX加载数据的页面
将jQuery Pagination分页插件用于不使用AJAX加载数据的页面,项目使用SpringMVC,使用Freemarker绑定数据,但分页显示样式不想自己处理,所以使用jQuery Pagination分页插件。
736 0
原生开发移动web单页面(step by step)7——页面切换动画
在开始写页面切换效果前,首先要介绍一下css3的animation模块,在css中定义如下 div.a { animation: bounce 0.25s forward; } css3的animation定义可以声明关键名,动画时间,动画插值方式,动画的延迟以及动画完毕后的状态以及动画次数。
935 0
从零开始搭建自己的VueJS2.0+ElementUI单页面网站(三、组件编写及通信)
前言 本文是本系列的第三篇文章。在前两篇文章中我们介绍了关于搭建vue+elementUI开发环境的方法和编写导航页的方法。
2443 0
【前台】【单页跳转】整个项目实现单页面跳转,抛弃iframe
即如下: 【想做到点击nav侧边栏,仅替换右边div中的内容,而不是跳转到新的页面,这样的话,其实整个项目中就只有一个完整的页面,其他的页面均只写内的部分即可,或者仅仅写要替换的内的部分即可!!】 index.
1166 0
DLL(MFC)通过Window消息向C#程序传递数据
这是我在用C#开发IOServer遇到的一个问题,该程序需要用到原先用MFC开发的DLL,最大问题是该dll运行过程中的一些信息,通过window消息向指定的hwnd(窗体句柄)发送数据。数据的指针放在WParam参数里,LParam参数是数据的类型信息。
710 0
thymeleaf 传递数据到js变量
thymeleaf 传递数据到js变量 如何把控制器传来的model中的值传递给js变量呢? 需要以下两个: var message = [[${message}]] 1.
2857 0
从零开始搭建自己的VueJS2.0+ElementUI单页面网站(一、环境搭建)
前言 VueJS可以说是近些年来最火的前端框架之一,越来越多的网站开始使用vuejs作为前端框架,vuejs轻量、简单的特性使得前端开发变得更加简易,而基于vuejs的前端组件库也越来越多。
2403 0
html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计
序:通常我们只能控制div的宽度 而不能控制高度,在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一,背景:目前移动端大多数图片或视频列表页面的显示,列出...
989 0
+关注
mydcool
php相关专家
287
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载