[索引页]
[源码下载]


步步为营VS 2008 + .NET 3.5(2) - VS 2008新特性之JavaScript Intellisense and Debugging(JavaScript的智能感知和调试)


作者:webabcd


介绍
VS 2008可以非常完美地支持JavaScript和ASP.NET AJAX的智能感知和调试。.NET 3.5内置了ASP.NET AJAX,并且UpdatePanel终于可以支持WebPart了。


示例
Feature.js(被aspx页引用的js文件)
// 创建一个math类
window.math = function() 
{
/// <summary>数学函数类</summary>
}


window.math.prototype 
=
{
    
// 为math类创建一个max方法
    max: function(x, y)
    
{
    
/// <summary>返回两个整数中的最大的一个</summary>
    /// <param name="x">需要比较的第一个整数</param>
    /// <param name="y">需要比较的第二个整数</param>
    
        
if (x > y)
            
return x;
        
else
            
return y;
    }

}

Feature2.js(在js文件中智能感知外部js文件的JavaScript和ASP.NET AJAX)
/// <reference path="Feature.js" />
//
/ <reference name="MicrosoftAjax.js" />

// 外部js文件用这种方法引进来<reference path="Feature.js" />
//
 <asp:scriptmanager>控件引入的js用这种方法引进来<reference name="MicrosoftAjax.js" />

function refTest()
{
    
// 因为有了“<reference path="Feature.js" />”,所以会感知到Feature.js提供的JavaScript
    var m = new window.math();
    
    
var v = m.max(x, y);
    
    
// 因为有了“<reference name="MicrosoftAjax.js" />”,所以会感知到ASP.NET AJAX
    // $get("testIntellisense");
}


WebServiceMath.asmx(为ASP.NET AJAX提供服务的WebService
<%@ WebService Language="C#" Class="WebServiceMath" %>

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;

[WebService(Description = "WebService提供的数学函数类", Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebServiceMath : System.Web.Services.WebService
{
    /// 
<summary>
    /// 返回两个整数中的最大的一个
    /// 
</summary>
    /// 
<param name="x">需要比较的第一个整数</param>
    /// 
<param name="y">需要比较的第二个整数</param>
    /// 
<returns></returns>
    [WebMethod(Description = "返回两个整数中的最大的一个")]
    public int Max(int x, int y)
    {
        if (x > y)
            return x;
        else
            return y;
    }
}


JavaScript.aspx
<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="JavaScript.aspx.cs"
    Inherits
="Feature_JavaScript" Title="JavaScript的智能感知和调试(JavaScript Intellisense and Debugging)" 
%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

    
<script src="../JS/Feature.js" type="text/javascript"></script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    
<div style="width: 600px">
        VS 2008可以非常完美地支持JavaScript和ASP.NET AJAX的智能感知和调试。.NET 3.5内置了ASP.NET AJAX,并且UpdatePanel终于可以支持WebPart了。
    
</div>
    
<asp:ScriptManager ID="ScriptManager1" runat="server">
        
<Services>
            
<asp:ServiceReference Path="WebServiceMath.asmx" />
        
</Services>
    
</asp:ScriptManager>

    
<script type="text/javascript">
        
        
var x, y;
        x 
= 100;
        y 
= 101

        
// 新建一个math对象
        // 此处输入任意字母,就会出现JavaScript的智能感知
        // 输入window.就会感知到Feature.js文件里创建的math类,并提示math类的summary - 数学函数类
        var m = new window.math();
    
        
// 取x,y之间的最大值
        // 输入m.就会感知到math对象的max方法,并提示max方法的summary - 返回两个整数中的最大的一个
        // 输入max方法的参数的时候,会提示两个参数的说明 - 需要比较的第一个整数;需要比较的第二个整数
        var v = m.max(x, y);
        
        alert(v);
        
        
// 可以在任意JavaScript语句处插入断点,然后就可以对JavaScript进行调试
    
        
// ASP.NET AJAX调用web service
        // WebServiceMath会被智能感知出来
        // 输入WebServiceMath.后,就会感知到Max方法
        // 输入Max方法后,就会有参数提示 - x, y, onSuccess, onFailed, userContext
        WebServiceMath.Max(x, y, onSuccess);
        
        
function onSuccess(result)
        
{
            alert(result);
        }

        


OK
[源码下载]
posted on 2008-12-22 15:46  大江  阅读(149)  评论(0编辑  收藏  举报