• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

asp.net 开发 跬步篇(2) JQuery +ashx 升级之 JSon

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
      前一阵看到一断java的代码,想到了.net中 .ashx文件的应用。实践了一下jquery+.ashx 实现分页的代码。贴在了园子里面。很多园子里面的兄弟们都给与了意见,非常感谢!当时我写这个主要也只是验证一种思想,我以前一直作winform的开发,转到web这边也就1年的时间吧。一直在用web控件、虽然它的这种编程的方式很熟悉,很容易理解,但是总感觉不是很爽,感觉交互上不是很好,总刷、刷的。在逐渐学习中。慢慢发现了web的知识面真的很大,并不是说熟练的c#语言运用就足够的。c#只是web实现的一个语言而已,本身有优点,但是也有与其它语言相比的不足,我这里特指的javascript。还有现在流行的一些javascript的框架,真是很强大。我的废话真是多啊~ -0-!
       言归正传,今天我要说的是在 jquery+.ashx 实现分页的基础上,说一下JSon的应用,当时很多兄弟都说了JSON的好处,以前我也只是在返回简单的单个对象上用。这次,说一下返回JSON数据集和。 
      还是以实际项目功能来说。我的一个项目上,需要一个无刷新得到客户联系人集合的功能,也就是在页面上客户信息动态的前提下,在选中客户的时候无刷新的调取联系人集合信息,并以列表的形式显示出来。
      首先,我想到了用div承载联系人table 控制。用.ashx请求服务器数据集合、然后在服务端生成table字符串。返回该字符串后用javascript脚本控制div的innerHtml的内容。大概思路没什么大的出入,可能在实现方式上每个人有不同的看法。结合一些建议,决定用 JQuery+.ashx+JSON 来实现。
      代码实现上,有几个部分
      1、.ashx 文件的编写;
      2、js 文件控制JSon绑定客户端Table的。
      3、页面请求。
       .ashx的实现、没什么大的问题,也就是c#服务端代码取到数据。下面贴出主要的代码

                    {
                        sb.AppendLine(o.ToString());
                    }
                }
            }
        }

ok。.ashx文件返回数据集JSON了。剩下的就是页面的绑定,
;
    }
}
  
代码中的listContacts、contactToRow 方法完成了页面承载联系人的的Table的html代码的生成。

btnGetContacts_onclick 是触发事件,我是用联系人文本框的onfouce事件触发。这样我只要点击某个联系人的文本框,刷!就会在它的下方出现一个div里面是联系人table。点击div意外的区域,就隐藏这个div。在下次取别的数据的时候,将table清空生成新的table替代。
运行,非常完美..在这就不在贴出图片了,偷懒了。

总结:在这个实例中,我收获最大的就是对JSON的灵活性有一个新的认识。以前知道这个概念,但是也就是简单的用用,一到相对复杂的地方,就喜欢用自己熟悉的c#来解决,在实用后发现它也不麻烦,就是一个怎么用过的过程。建议各位学习的兄弟这个东东必须学会啊,因为它真的很实用。哈哈。
其它的 就是.net的 ashx文件的使用、jquery框架的熟练。

最后我觉得编程还真实一件很艺术的事情啊。这个才算是一个真正的web程序吧。

以上都是个人认识,有什么不对的,或者更好、更高效的方法、技术、请兄弟们指正、交流!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
[ASP.NET MVC]-理解Routing发布时间:2022-07-10
下一篇:
Replace JSON.NET with Jil JSON serializer in ASP.NET Web API发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap