技术开发 频道

用jQuery、ASP.NET与Ajax实现CRUD网页

  配置页面

  在网页或ASP.NET项目中使用jQuery,我们要在项目中复制包含了jQuery库及其IntelliSense支持的两个文件。这里我们将JavaScript代码文件保存在js文件夹中,因此在该文件夹中我们可以再创建一个jquery子文件夹,然后将那两个文件放入该子文件夹中。

  对于任何你想使用jQuery的页面,都要从.ASPX源码处链接到jQuery库。如果你在页面大部分地方都将使用jQuery,那么你应该为主页面添加此链接。

  链接添加有两种方法可选。如果所有jQuery代码都在浏览器完成<form>要素的起始标签进程后执行,那么你可以在页面中添加ScriptManager,并为其添加一个对jQuery库文件的附注,如图所示:

  如果是要在<form>标签出现前执行jQuery代码,那应该为<head>要素添加一个<script>标签,就像这样:

<script type="text/javascript"  
src
="js/jquery/jquery-1.3.2.js" />

  生成该标签最简单的方式就是将jQuery文件从Solution Explorer中拖出来,放入<head>要素中。

  完成这一更改后,可以对其进行测试,看是否已经通过为.ASPX文件添加这一“Hello,World”代码成功完成页面设置,并能显示该页面:

<script type="text/javascript">        
        $("aspnetForm").ready(function()          
         {            
            alert("Hello, world");          
         }        
        );
</script>

  如果你已经启用Forms Authentication,且正在用主页面作为登录页面,那么互联网信息服务器和VS开发服务器之间可能出现一些异同。开发服务器使用ASP.NET运行时来处理所有文件请求,包括对于JavaScript文件的请求。由于ASP.NET运行时授予你安全设置,所以,如果你将匿名用户锁在此网页之外,那么登录页面将无法访问你的jQuery文件;IE浏览器会生成一个无效且不可调试的运行时错误信息。虽然互联网信息服务器托管应用的时候,这一现象并不会造成什么问题,但是若要支持开发服务器中的调试,就需要将JavaScript文件夹配置成允许匿名用户访问。

  如果你用ScriptManager为jQuery库添加一个附注,就会丧失VS提供给jQuery的IntelliSense支持。寻回这一支持的唯一办法是,为每个要使用jQuery的页面添加一个引用了jQuery库的脚本标签。不过,你必须添加时注意不要在只有两个脚本标签下载该jQuery库的时候就结束页面。可使用此代码:

<% if False then %>  
  
<script type="text/javascript"    
  src
="js/jquery/jquery-1.3.2.js" />
<% End if %>

  或者,你可以为每个页面添加一个链接到jQuery库的脚本标签。

0
相关文章