zoukankan      html  css  js  c++  java
  • VS2008Ajax入门

    我是一个正在学习Ajax的菜鸟,如果待会在描述的时候出现什么问题,希望大家给出建议,谢谢。

    ①、VS2008与VS2005、VS2003不一样,VS2008把Ajax集成在ASP.net中,所以如果你想建立一个具有Ajax异步传输功能的网站,只需要先建立一个ASP.net的网站就可以了。

    打开Default.aspx页面,切换到设计界面,在左边的工具箱中,我们看到vs2008已经把AJAX Extensions添加到了工具箱中了。

    从工具箱中把ScriptManager拖到页面的顶部,因为每个asp.net ajax程序都需要ScriptManager控件参与,然后再把UpdatePanel拖到页面中,注意,要把UpdatePanel放在ScriptManager后面,否则运行会出错。在UpdatePanel中分别拖入一个TextBox,一个Button和一个Lable,效果如下:

     

    双击按钮控件,进入代码编写区,在Button的click事件中写上
    this.Label1.Text = "Hello : " + this.TextBox1.Text;
    然后保存运行项目,在执行完弹出页面的TextBox中输入“world”,你会发现页面并没有重新刷新,下面Lable控件便显示出了运行的结果“Hello : world ”。这样,第一个最简单的ajax程序就完成了。

    ②、这种方法利用了现成的工具,开发速度比较快,但还有另外一种方法。

    利用底层的js进行数据的传送:

    (我做了一个拼接字符串的例子)

    /*AjaxScript.js脚本*/
    function StringJoin(Left,Right,Result)
    {
    Result.value
    = Left.value + Right.value;
    }

    两个不同的方法,可以实现同样的结果。我对Ajax的学习才刚刚开始,我还会更加的努力。。。

    /*Default.aspx中的代码*/
    <body>
    <form id="form1" runat="server">
    <div>

    <asp:ScriptManager ID="ScriptManager1" runat="server">
    <Scripts>
    <asp:ScriptReference Path ="~/JScript.js" ScriptMode = "Auto"/>
    </Scripts>
    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <input id = "Left" type = "text" /><br /><br />
    <input id = "Right" type = "text" /><br /><br />
    <input id = "Result" type = "text" /><br /><br />
    <input id = "btn1" type = "button" value = "拼接两个字符串"
    onclick
    = "StringJoin(Left,Right,Result)" />
    </ContentTemplate>
    </asp:UpdatePanel>
    </div>
    </form>
    </body>
  • 相关阅读:
    wpf-x-指令元素
    意法半导体STM32单片机特性
    非易失性存储器MRAM的两大优点
    静态SDRAM和动态SDRAM的区别
    使用SRAM如何节省芯片面积
    不同类别存储器基本原理
    串口SRAM和并口SRAM的引脚区别
    SRAM存储器芯片地址引脚线短路检测方法
    2020年国内MCU市场有望突破500亿元
    MRAM可以替代NOR或SRAM
  • 原文地址:https://www.cnblogs.com/guolebin7/p/1954681.html
Copyright © 2011-2022 走看看