天天看點

VS2008 Ajax功能體驗

     在VS2008裡已經內建了AJAX的功能,不用像VS2005那樣需要單獨安裝。另外VS2008終于是有JS提示了,哈哈,好玩!

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

HelloService.asmx

VS2008 Ajax功能體驗

using System;

VS2008 Ajax功能體驗

using System.Collections;

VS2008 Ajax功能體驗

using System.ComponentModel;

VS2008 Ajax功能體驗

using System.Data;

VS2008 Ajax功能體驗

using System.Linq;

VS2008 Ajax功能體驗

using System.Web;

VS2008 Ajax功能體驗

using System.Web.Services;

VS2008 Ajax功能體驗

using System.Web.Services.Protocols;

VS2008 Ajax功能體驗

using System.Xml.Linq;

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

namespace Test

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

{

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

    /**//// <summary>

VS2008 Ajax功能體驗

    /// HelloService 的摘要說明

VS2008 Ajax功能體驗

    /// </summary>

VS2008 Ajax功能體驗

    [WebService(Namespace = "http://tempuri.org/")]

VS2008 Ajax功能體驗

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

VS2008 Ajax功能體驗

    [ToolboxItem(false)]

VS2008 Ajax功能體驗

    // 若要允許使用 ASP.NET AJAX 從腳本中調用此 Web 服務,請取消對下行的注釋。

VS2008 Ajax功能體驗

    [System.Web.Script.Services.ScriptService]

VS2008 Ajax功能體驗

    public class HelloService : System.Web.Services.WebService

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

        public HelloService() 

VS2008 Ajax功能體驗

{ }

VS2008 Ajax功能體驗

        [WebMethod]

VS2008 Ajax功能體驗

        public string HelloWorld(int num1,int num2)

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

            int sum = 0;

VS2008 Ajax功能體驗

            try

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

                sum = num1 + num2;

VS2008 Ajax功能體驗

            }

VS2008 Ajax功能體驗

            catch (Exception ex)

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

                return ex.Message;

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

            return "The sum is:" + sum;

VS2008 Ajax功能體驗

        }

VS2008 Ajax功能體驗

    }

VS2008 Ajax功能體驗

}

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

Test.js

VS2008 Ajax功能體驗

function SayClick(param1,param2)

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

{  

VS2008 Ajax功能體驗

    var num1= $get(param1).value;

VS2008 Ajax功能體驗

    var num2= $get(param2).value;

VS2008 Ajax功能體驗

    //命名空間名.類名.函數名(參數清單,回調成功函數名,回調失敗函數名)

VS2008 Ajax功能體驗

    Test.HelloService.HelloWorld(num1,num2,CallBack_Succeed,CallBack_Failed);

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

//回調成功函數

VS2008 Ajax功能體驗

function CallBack_Succeed(resultText)

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

    $get("result").innerHTML=resultText;

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

//回調失敗函數

VS2008 Ajax功能體驗

function CallBack_Failed(error)

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

    //error.get_message()是擷取異常資訊,由架構提供的

VS2008 Ajax功能體驗

    $get("result").innerHTML=error.get_message();

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

AjaxStudy.aspx

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

<%

VS2008 Ajax功能體驗

@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxStudy.aspx.cs" Inherits="Test.AjaxStudy" %>

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

<html xmlns="http://www.w3.org/1999/xhtml" >

VS2008 Ajax功能體驗

<head runat="server">

VS2008 Ajax功能體驗

    <title>無标題頁</title>

VS2008 Ajax功能體驗

</head>

VS2008 Ajax功能體驗

<body>

VS2008 Ajax功能體驗

    <form id="form1" runat="server">

VS2008 Ajax功能體驗

    <div>

VS2008 Ajax功能體驗

        <asp:ScriptManager ID="ScriptManager1" runat="server">

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

            <Scripts>

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

                  <asp:ScriptReference Path="~/JsFile/Test.js" />

VS2008 Ajax功能體驗

            </Scripts>

VS2008 Ajax功能體驗

            <Services>

VS2008 Ajax功能體驗

                  <asp:ServiceReference Path="~/HelloService.asmx" />

VS2008 Ajax功能體驗

            </Services>

VS2008 Ajax功能體驗

        </asp:ScriptManager>

VS2008 Ajax功能體驗

          <br />

VS2008 Ajax功能體驗

        <asp:TextBox ID="txtNum1" runat="server"></asp:TextBox>

VS2008 Ajax功能體驗

        +<asp:TextBox ID="txtNum2" runat="server"></asp:TextBox>

VS2008 Ajax功能體驗

        <br />

VS2008 Ajax功能體驗
VS2008 Ajax功能體驗

          <input id="btnSayHello" type="button" value="AJAX加法" onclick="SayClick('<%=txtNum1.ClientID %>','<%=txtNum2.ClientID %>')" />

VS2008 Ajax功能體驗

          <div id="result"></div>

VS2008 Ajax功能體驗

    </div>

VS2008 Ajax功能體驗

    </form>

VS2008 Ajax功能體驗

</body>

VS2008 Ajax功能體驗

</html>

VS2008 Ajax功能體驗

<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程師和設計師必讀精華文章推薦</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷!15個精美的 HTML5 單頁網站作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫!35個讓人驚訝的 CSS3 動畫效果示範</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">贊!30個與衆不同的優秀視差滾動效果網站</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å!25個優秀的國外單頁網站設計作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帥!8個驚豔的 HTML5 和 JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">頂!35個很漂亮的國外 Flash 網站作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇!34個漂亮網站和應用程式背景管理界面</a>

VS2008 Ajax功能體驗

<a href="http://www.yyyweb.com/go/web" target="_blank">本部落格新站點 ◆ 前端裡 ◆ 歡迎圍觀:)</a>

歡迎任何形式的轉載,但請務必注明出處。

繼續閱讀