AJAX最基本的两种使用方法

实际使用ajax的过程，可能还是要从周边一些知识开始了解，对于最初步的应用来讲，可能我们只是想获得最基本的ajax效果，即：在不刷新整个页面的情况下，根据用户的操作或输入来局部刷新页面的内容。下面记录两种最基本的使用方法：

（1）    使用XMLHTTP：首先在页面创建两个控件如下：

<input id="Button3" type="button" value="显示水果" onclick="SendDataToExcute();" />

        <input id="input1" type="text" value="" />

然后，编写如下脚本：

<script type="text/javascript">

                   function SendDataToExcute(){

                   var strURL = "ExampleForAjax_Ctrl.aspx?para=getData";

                   var objXmlHTTP = new ActiveXObject("MSXML2.XMLHTTP");

                   objXmlHTTP.open("post", strURL, false);

                   objXmlHTTP.send("");

                   if (objXmlHTTP.status == 200){

                       document.all("input1").value = objXmlHTTP.responseText;

                   }

              }

</script>

于此同时，目标页cs文件如下：

protected void Page_Load(object sender, EventArgs e)

              {

                   string strPara = Request["para"];

              string strResult = "getData OK!";

                   Response.Write(strResult);

                   Response.End();

       }

如上就可以实现一个简单的客户端局部刷新的效果了，有一点需要切记，如果你使用这种方法遇到可以调试到目标页面的后台，但是返回信息无法正常获得，且无法继续debug的情况的话，好好检查下你调用脚本的页面吧，很可能是因为你定义了两个名字相同的方法的缘故，以至于不能正确地返回到发送请求的函数中，去掉多余的那一个就可以了。

（2）    使用VS开发工具中的ajax Extensions工具进行简单创建，可以通过拖动工具到页面很快实现效果，代码如下：

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

        <asp:Label ID="LabelTitle1" runat="server" Text="服务器端"></asp:Label>

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

        </asp:ScriptManager>     // 每个页面只允许有一个该控件

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

            <ContentTemplate>

                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

                <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="显示苹果" />

                <asp:Button ID="Button2" runat="server" Text="显示香蕉" onclick="Button2_Click" />

            </ContentTemplate>

        </asp:UpdatePanel>

</form>

 

该页面的后台文件cs代码如下：

protected void Button1_Click(object sender, EventArgs e)

        {

            Label1.Text = "apple";

        }

 

        protected void Button2_Click(object sender, EventArgs e)

        {

            Label1.Text = "banana";

}

这种方法很简单，当不需要通过用户的输入信息进行服务器处理反馈的时候，使用这种方式来更新服务器端页面也是一个很简单的方法，但上面写的方法只局限到服务器端，如果要想通过客户端进行反馈的话，还要通过其他控件的协助才行。

 

这里，暂且把这两种最简单的用法做个记录，努力学习更多的这方面的内容后，再做具体进一步的记录。