AJAX在VS2005中的简单应用

最新推荐文章于 2024-09-17 14:30:35 发布

haipingma

最新推荐文章于 2024-09-17 14:30:35 发布

阅读量650

点赞数

文章标签： ajax textbox string callback asp reference

本文链接：https://blog.csdn.net/haipingma/article/details/1650815

版权

首先下载Ajax.Net，你可以从获得。最新版本是AjaxPro7.4.24.1，下载解压后的文件夹中有个AjaxPro.2.dll，就是它了。使用VS2005新建web项目（注意，AjaxPro.2.dll不支持VS2003），并添加对AjaxPro.2.dll的引用，然后在Web.confgi文件中添加：

1.Copy the AjaxPro.2.dll to your project folder,Add Reference the AjaxPro.2.dll ,Modify web.config

<system.web>

</httpHandlers>

</system.web>

2.创建一个页面Default.aspx

3.在Default.aspx.cs文件的Page_Load中注册AJAX可调用的类的名称

protected void Page_Load(object sender, EventArgs e)
{
　AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}

4. 创建AJAX可调用的方法:

注意:[AjaxPro.AjaxMethod]是定义AjaxPro可调用的方法,是必须要注明的

[AjaxPro.AjaxMethod]
public string ReturnName(string LastName,string FirstName)
{
　return FirstName+LastName;
}
5.前台HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript" type="text/javascript">
    function comit_onclick()
    {
      var lastname=document.getElementById("txtLastName").value;
        var firstname=document.getElementById("txtFirstName").value;
        alert(_Default.ReturnName(lastname,firstname).value);
        _Default.ReturnName(lastname,firstname,callback);
    }
    function callback(res)
    {
          document.getElementById("txtName").value = res.value;
    }

</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        LastName:<asp:TextBox ID="txtLastName" runat="server"></asp:TextBox><br />
        FirstName:<asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox>
        <input id="comit" type="button" value="Enter" οnclick="return comit_onclick()" />
        <br />
        UserName:<asp:TextBox ID="txtName" runat="server"></asp:TextBox></div>
    </form>
</body>
</html>

ReturnName方法返回的是一个简单的string,那么服务端可以返回稍微复杂一点的对象了

新建一个Student类：

public class Student
    {
        public string Name = "Ajax" ;
        public int     Age = 26;
    }

服务端添加GetStudent方法：

[AjaxPro.AjaxMethod]
        public Student GetStudent()
        {
            return new Student();
        }

对应的，客户端添加调用：
function getStudent()
       {
         var stu = _Default.GetStudent().value ;
         alert(stu.Name + " " + stu.Age) ;
       }
You can try,good luck!