之前我们写的AJAX实现弹出页面功能,如果在弹出页面功能里面 如果再有操作那就不方便了,而且特别是有方法 和 事件处理等功能时候,为了能正常执行还要加入转义字符等等,但是今天给大家分享的这功能就不一样了,这可以说是一个新的思想。
在一个列表里面, 我们要修改一个内容标题,这块我们想做个好的客户体验,当然要用ajax 实现
我点击编辑,弹出一个对对话框,但是别看,但是这个对话框里面还是有 操作的功能,以往都是用ajax 返回的时候 拼出来的,但是我们现在不这么写了,更好的方法请看。
//编辑地区 这里吧 弹出层的标题 设置好了, 同时去触发异步处理页面,但是巧就巧在这里。
function edit(area_id) {
ui.box.load("{:U('test/Area/editArea')}&area_id="+area_id, {title:'编辑地区1231'});
}
thinksns 官方,通过jquery 插件写了个封装弹出层,而且把这个url 传入一个ifram 中,并设置ifram 在最上层显示,而且url所指向的那个页面跟正常页面写法一样的。
我们去看下 editArea 这方法 这个方法正常写,而且还可以调试,在弹出层里面显示调试信息 跟正常页面一样的,本来这个页面就是作为ifram 包含元素在最上层显示的。
看上面框里面的 代码,调试所致。
很给力啊,看完这段代码感觉 非常舒服,而且解决我对ajax 方面的理解和调试难的问题,这简直神器,幸好哥哥,把代码给抠下来了,好的东西我是不会放过的收藏了。
分享给大家: 点击下载载链接
感谢thinksns团队的贡献。

下一篇:相册功能分析笔记(三) 相册异步添加加select处理选中功能