文章浏览 复制本页面地址

Thinksns分析笔记(二) Jquery插件+页面异步处理(弹出页面新思路)

         之前我们写的AJAX实现弹出页面功能,如果在弹出页面功能里面 如果再有操作那就不方便了,而且特别是有方法 和 事件处理等功能时候,为了能正常执行还要加入转义字符等等,但是今天给大家分享的这功能就不一样了,这可以说是一个新的思想。

         在一个列表里面, 我们要修改一个内容标题,这块我们想做个好的客户体验,当然要用ajax 实现1 1024x238 Thinksns分析笔记(二)  Jquery插件+页面异步处理(弹出页面新思路)

我点击编辑,弹出一个对对话框,但是别看,但是这个对话框里面还是有 操作的功能,以往都是用ajax 返回的时候 拼出来的,但是我们现在不这么写了,更好的方法请看。

//编辑地区  这里吧 弹出层的标题 设置好了, 同时去触发异步处理页面,但是巧就巧在这里。
    function edit(area_id) {
        ui.box.load("{:U('test/Area/editArea')}&area_id="+area_id, {title:'编辑地区1231'});
    }

thinksns 官方,通过jquery 插件写了个封装弹出层,而且把这个url 传入一个ifram 中,并设置ifram 在最上层显示,而且url所指向的那个页面跟正常页面写法一样的。

2 Thinksns分析笔记(二)  Jquery插件+页面异步处理(弹出页面新思路)

我们去看下   editArea 这方法 这个方法正常写,而且还可以调试,在弹出层里面显示调试信息 跟正常页面一样的,本来这个页面就是作为ifram 包含元素在最上层显示的。

3 Thinksns分析笔记(二)  Jquery插件+页面异步处理(弹出页面新思路)

 

4 Thinksns分析笔记(二)  Jquery插件+页面异步处理(弹出页面新思路) 

看上面框里面的 代码,调试所致。

很给力啊,看完这段代码感觉 非常舒服,而且解决我对ajax 方面的理解和调试难的问题,这简直神器,幸好哥哥,把代码给抠下来了,好的东西我是不会放过的收藏了。

分享给大家:  点击下载载链接

感谢thinksns团队的贡献。

标签:
上一篇:
下一篇: