码迷,mamicode.com
首页 > Web开发 > 详细

Ajax的简单小例子

时间:2015-11-04 11:13:47      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

1.首先下载ajax.dll,一个百度一下都有下载的!自行查找。

2.把ajax.dll导入到工程。右键工程-->添加引用--->浏览,找到下载好的ajax.dll文件,点击确定,这时候在工程目录下多了一个bin文件夹,里面就有ajax.dll文件,这证明引入ajax.dll成功了。

3.设置配置文件web.config。

在Web.config文件下的 <system.web>节点里面添加以下代码即可:

    <httpHandlers>
      <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
    </httpHandlers>

4.使用演示:

4.1首先要对ajax进行注册。 在aspx.cs代码中的Page_Load方法里面对ajax进行注册,注册方式为Ajax.Utility.RegisterTypeForAjax(typeof(命名空间.类名)),假如没有命名空间可以直接写类名。代码如下:

[html] 
 
public partial class ObjManage : System.Web.UI.Page  
{  
    protected void Page_Load(object sender, EventArgs e)  
    {  
        Ajax.Utility.RegisterTypeForAjax(typeof(ObjManage));  
    }  
} 

4.2编写cs的方法,供javascript调用。cs方法前端必须要有[Ajax.AjaxMethod],然后方法必须是公有public、静态static。例如:

 
   
[Ajax.AjaxMethod]  
 public static string getString(string str)  
 {  
     string strResult = "The string is " + str;  
     return strResult;  
 }  

 

4.3javascript调用cs方法。调用的格式是:类名.方法名(参数),例如:

 
function alertString() {  
            var str = ObjManage.getString("myAjax").value;  
            alert(str);  
        }  


这样就完成了。这个是通过测试的,假如有什么问题,可留言。下面给出完成的源码,对于Web.config的代码就不给了,自己安装第3步设置配置文件web.config进行设置就OK了。cs代码:

 
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
  
public partial class ObjManage : System.Web.UI.Page  
{  
    protected void Page_Load(object sender, EventArgs e)  
    {  
        Ajax.Utility.RegisterTypeForAjax(typeof(ObjManage));  
    }  
  
    [Ajax.AjaxMethod]  
    public static string getString(string str)  
    {  
        string strResult = "The string is " + str;  
        return strResult;  
    }  
}  

 

aspx代码:

 
<head runat="server">  
    <title></title>  
    <script type="text/javascript">  
        function alertString() {  
            var str = ObjManage.getString("myAjax").value;  
            alert(str);  
        }  
    </script>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <input type="button" value="获取信息" onclick="alertString();" />  
    </div>  
    </form>  
</body>  

5.界面展示

 技术分享

技术分享

 

 

Ajax的简单小例子

标签:

原文地址:http://www.cnblogs.com/hongmaju/p/4935326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!