רוצים להשתמש בAJAX באתר שלכם?

בדוגמא זו אנו נשתמש בפקדים מוכנים של visual studio:
ScriptManager, UpdatePanel ו-UpdateProgress.


איך מתחילים? קודם כל ניצור פרויקט חדש בvisual studio וניגש לאחד הדפים (לדוגמא: default.aspx).
כעת, נגרור את הפקדים ScriptManager, UpdatePanel ו-UpdateProgress, שנמצאים בToolBox תחת הקטגוריה Ajax Extensions, אל תוך דף האינטרנט שלנו.


לאחר הגרירה, דף האינטרנט שלכם צריך להיראות כך:

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

</asp:ScriptManager>

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">

    <ProgressTemplate>

        <img src="img/ajax-loader.gif" alt="טוען..." class="loading"/>

    </ProgressTemplate>

</asp:UpdateProgress>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

    <ContentTemplate>

    </ContentTemplate>

    </asp:UpdatePanel>

כעת, עליכם להוסיף את הפקדים שרצונכם להשתמש בהם בדף אל תוך תגית ה - <ContentTemplate>.

שימו לב, אין צורך להוסיף את כל הפקדים אל תוך תגית זו, אלא רק את אלא שיגרמו לpostBack לשרת ובכך ל"קפיצת הדף".


בתוך תגית ה <ProgressTemplate>, אנו שמים רק את מה שרצוננו להראות בעת טעינת הדף. במקרה זה שמתי בתגית את התמונה img/ajax-loader.gif, אשר גורמת למשתמש להבין כי פעולה מסוימת מתבצעת כרגע בדף האינטרנט.

אם גם ברצונכם לשים תמונה דומה, גלשו לאתר http://ajaxload.info/.

המאמר נכתב ע"י www.ssw.co.il