跟ASP.NET MVC一起使用jQuery
来源:互联网 发布:入驻淘宝商城质检报告 编辑:程序博客网 时间:2024/05/16 16:10
藉由ASP.NET MVC内置的扩展性,开发人员便可以使用第三方库,例如jQuery。在使用ASP.NET Webforms的时候,如果使用jQuery而不是ASP.NET AJAX,难度会比较大。
刚开始撰写本文的时候,ASP.NET MVC的版本是Preview 4,有些在Preview 4中使用的技术可能无法在早期版本中正常工作。Preview 4可以在CodePlex上下载。
初步配置
我不打算把它写成一篇完整的jQuery指南,只是简单给出几个跟ASP.NET MVC一起使用这款JavaScript库的示例。Chad Myers有一篇很精彩的指南,包括了如何上手。
首先要保证你有ASP.NET MVC,所以请先从CodePlex上下载安装(注意:你需要运行Visual Studio 2008才能使用ASP.NET MVC框架)。
ASP.NET MVC框架装好以后,就应该已经创建好了一个新的ASP.NET MVC Web Application工程。
下一步,下载jQuery,下载Packed或者是Minified版本,然后放到上面那个工程的Content目录下。
添加一个对Content目录下jQuery文件的引用。
简单示例
Ryan Lanciaux写过一篇很优秀的文章,名为jQuery和ASP.NET MVC框架,其中列出了很多在ASP.NET MVC框架中使用jQuery的关键因素。Ryan在文章中进行了详细阐述:
首先要做的就是创建一个ASP.NET MVC(Preview 4)工程,在Home controller下面创建一个新的view和一个controller action,然后把下面几行字加到view中。
This is red text,this is blue and this is green
右键点击Controllers文件夹,选择“Add New Item”,然后选择MVC Controller类,任务完成。下一步是创建一个Controller Action:
接下来,我们需要创建一个Controller Action,它可以从Model中返回色素值。而且我们不希望重载页面,我们希望使用Ajax。很幸运,在MVC框架中我们可以使用JsonResult类型来完成这一点。
下一步,创建一个类,用来表示model中的颜色:
最后一步,用一些jQuery代码把一切组装在一起:
Ryan指出了一处重要的地方:
注意,jQuery代码是在我们的controller上调用JSON方法。如果我们重载页面,它就会得到model中定义的色素值。它很简单,但在Web上使用的时候却可以千变万化。
转自:http://news.cnblogs.com/n/69951/
- 跟ASP.NET MVC一起使用jQuery
- 跟ASP.NET MVC一起使用jQuery
- 跟ASP.NET MVC一起使用jQuery
- 跟ASP.NET MVC一起使用jQuery
- Asp.net Mvc 和 jQuery UI使用
- asp.net MVC 使用JQuery.Ajax
- asp.net MVC 使用JQuery.Ajax
- asp.net MVC 使用JQuery.Ajax
- 一起学习ASP.NET MVC 5
- ASP.NET MVC Jquery AutoComplete
- Asp.Net Mvc 使用jQuery实现Ajax文件上传
- 在asp.net mvc中使用jquery validate验证
- ASP.NET MVC 使用Jquery Ajax实现登录
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- asp.net--JQUERY使用
- ASP.NET MVC使用感言
- jqGrid asp.net mvc 使用
- Asp.net MVC使用KindEditor4
- 光棍节写给那些至少目前还是单身的女性朋友们的忠告
- FI 总账科目(GL),应付款方(供应商),应收款方(客户)的主要数据库表流向及说明
- 到网上找到的一款国产桌面软件--日历+时间+天气+备忘录+新闻
- AjaxPro.2.dll实现省市的二级无刷新联动
- 以史为鉴——先前项目的启示
- 跟ASP.NET MVC一起使用jQuery
- 悬而未决:FLASH中如何将所有帧的同一物体很方便地一次性一起移动到另一位置?
- JDK5.0垃圾收集优化之--Don't Pause
- 三十而立
- 大量数据刷新界面时候,放置GUI软件界面僵死
- Window Mobile配置文件的简单实现
- [Homework#1]回味·神笔马良
- 系列一
- source navigator——linux下的source insight