zoukankan      html  css  js  c++  java
  • 一起谈.NET技术,跟ASP.NET MVC一起使用jQuery 狼人:

      藉由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 blueand this is green

      右键点击Controllers文件夹,选择“Add New Item”,然后选择MVC Controller类,任务完成。下一步是创建一个Controller Action:

      接下来,我们需要创建一个Controller Action,它可以从Model中返回色素值。而且我们不希望重载页面,我们希望使用Ajax。很幸运,在MVC框架中我们可以使用JsonResult类型来完成这一点。

          public JsonResult RGBColors()
      {
      Colors.RGB color = new Colors.RGB();
      return Json(color);}
    

      下一步,创建一个类,用来表示model中的颜色:   

         namespace Colors{
      public class RGB
      {
      public string Red = “#FF0000″;
      public string Green = “#00FF00″;
      public string Blue = “#0000FF”;
      }
          }
    

      最后一步,用一些jQuery代码把一切组装在一起:

         $(document).ready(function()
      {
      $.getJSON(“/Home/RGBColors”,
      {},
      function(data){
      $(“.red”).css(“color”, data.Red);
      $(“.blue”).css(“color”, data.Blue);
      $(“.green”).css(“color”, data.Green);
      });
           });
    

      Ryan指出了一处重要的地方:

      注意,jQuery代码是在我们的controller上调用JSON方法。如果我们重载页面,它就会得到model中定义的色素值。完全无痛。它很简单,但在Web上使用的时候却可以千变万化。

  • 相关阅读:
    计算机-MQ:Kafka
    DB:时序数据库
    软件-数据仓库工具:hive
    劳动者须防不良企业9类用工陷阱
    PHP+jQuery 注册模块的改进之三:使用 Smarty3
    Java实现 洛谷 P1009 阶乘之和
    Java实现 洛谷 P1009 阶乘之和
    C语言深入理解通过指针引用多维数组(指针中使用起始地址 元素地址 元素值的区分)...
    C语言深入理解通过指针引用多维数组(指针中使用起始地址 元素地址 元素值的区分)...
    C语言深入理解通过指针引用多维数组(指针中使用起始地址 元素地址 元素值的区分)...
  • 原文地址:https://www.cnblogs.com/waw/p/2158657.html
Copyright © 2011-2022 走看看