如何在 sharepoint裡面使用ajax 和 ajaxtoolkit ？

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

如何在 sharepoint裡面使用ajax 和 ajaxtoolkit ？收藏
如何在 sharepoint裡面使用ajax 和 ajaxtoolkit 這個問題我之前去百度和Google個多次！基本上都是說的修改網站下面的設定檔！嘿嘿當然我這裡也是修改設定檔！

下面是我在msdn提的問題這個問題！按照微軟裡面人員說的步驟配置

http://social.microsoft.com/Forums/zh-CN/partnercndevsharepoint/thread/2d63d004-ef0c-4bad-88e9-c40992e136b8

引用一下他的回複：

關於如何在Sharepoint中配置ASP.NET AJAX，最官方的指導是：
Integrating ASP.NET AJAX with SharePoint
http://sharepoint.microsoft.com/blogs/mike/Lists/Posts/Post.aspx?ID=3
這篇文章中介紹了裝和配置 ASP.NET AJAX 1.0 Extensions 的過程。

1.先安裝 ASP.NET AJAX 1.0 Extensions ，把 AjaxControlToolkit.dll 放在gac全域緩衝裡面

2.修改網站下面的web.config檔案！在 http://c1dv2q.blu.livefilestore.com/y1pvl_gf_tuoLPA622YoLz28DnS9x7Ppd81axdMZ2Xti3fmzell0pOQmW5Ybr8B5M01Hsw6G-miTrjtyVts-pAjhAnBnR6lr1Aj/web.config?download 下載web.config覆蓋你的web.config 裡面寫有使用ajax需要加的節點注釋！如果你不覆蓋就把那些節點加到你的web.config裡面

3.把AjaxControlToolkit.dll拷貝到你網站下的bin目錄裡面"如:C:\inetpub\wwwroot\wss\VirtualDirectories\9000\bin"了裡面

4.寫測試代碼！

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ajaxTest.ascx.cs" Inherits="Sample.ajaxTest" %>
<%@ Register Assembly="AjaxControlToolkit, Version=3.0.20820.16598, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e"
Namespace="AjaxControlToolkit" TagPrefix="cc2" %>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:TextBox runat="server" ID="tbInput" />
        <asp:Button ID="btnTest" runat="server" Text="測試Ajax" onclick="btnTest_Click" /><br />
        <asp:Label ID="lblShow" runat="server" />
        <br />
    </ContentTemplate>
</asp:UpdatePanel>
<cc2:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0"
            onactivetabchanged="TabContainer1_ActiveTabChanged"
            ondatabinding="TabContainer1_DataBinding">
            <cc2:TabPanel ID="TabPanel1" runat="server" HeaderText="新聞">
            <HeaderTemplate>國際新聞</HeaderTemplate>
            <ContentTemplate>
                    <table>
                        <tr><td>sina</td><td>新浪</td></tr>
                        <tr><td>sohu</td><td>搜狐</td></tr>
                        <tr><td>163</td><td>網易</td></tr>
                    </table>
            </ContentTemplate>
            </cc2:TabPanel>

             <cc2:TabPanel ID="TabPanel2" runat="server" HeaderText="部落格">

            </cc2:TabPanel>

              <cc2:TabPanel ID="TabPanel3" runat="server" HeaderText="論壇">
            </cc2:TabPanel>

              <cc2:TabPanel ID="TabPanel4" runat="server" HeaderText="好友">
            </cc2:TabPanel>
        </cc2:TabContainer>

<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
儲存為a.ascx檔案並放置 C:\Program Files\Common Files\microsoft shared\Web Server Extensions\12\TEMPLATE\CONTROLTEMPLATES目錄下面！

5.用sharepoint designer 開啟你的連接埠網站

在Pages檔案夾下建立一個sharpointUseAjaxTest.aspx頁面！

把下面代碼複製進去：

<%@ Page Language="C#" %>
<html dir="ltr" xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<%@ Register src="~/_controltemplates/ajaxTest2.ascx" tagname="ajaxTest2" tagprefix="uc2" %>
<%@ Register src="~/_controltemplates/ajaxTest.ascx" tagname="ajaxTest" tagprefix="uc1" %>
<head runat="server">
<META name="WebPartPageExpansion" content="full">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>This is sharepoint use AJAX test</title>
</head>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<uc2:ajaxTest2 ID="ajaxTest2" runat="server"/>
<uc1:ajaxTest ID="ajaxTest1" runat="server"/>
</form>
</body>

</html>
儲存，簽入。右鍵 ”在瀏覽器中預覽“ 即可看到效果！

注意他的地址為：http://server:port/_layouts/sharpointUseAjaxTest.aspx

只不過我這把他放到sharepoint裡面的樣式和 vs裡面不一樣！如果有誰知道怎麼解決樣式衝突原因，記得告訴我哦！謝謝！

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More