asp.net Ajax框架

来源：互联网发布：access2010数据库教程编辑：程序博客网时间：2024/05/17 07:34

cs页面：

using AjaxPro;//添加引用

public partial class Review_Control_reviewSkuDetil : System.Web.UI.UserControl

pageload

AjaxPro.Utility.RegisterTypeForAjax(typeof(Review_Control_reviewSkuDetil));//注册ajax

方法前面加上： [AjaxMethod]

public string getReviewList(int pageIndex, string designSku, string designStar, string showing)

js方法：

Review_Control_reviewSkuDetil.getReviewList(pageIndex,designSku,designStar,showing).value;

webconfig：

<system.web>

</httpHandlers>

</system.web>

</location>

1.在<httpHandlers>中增加<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>2.再用到得页面中注册ajax：AjaxPro.Utility.RegisterTypeForAjax(typeof(你的类名));

案例：

AjaxPro.2.dll

web.config

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
  <system.web>
    <httpHandlers>
      <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
    </httpHandlers>

  [...]

  </system.web>
</configuration>


default.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using AjaxPro;

namespace MyDemo
{
  public partial class _Default : System.Web.UI.Page
  {
    [AjaxPro.AjaxMethod]
    public DateTime GetServerTime()
    {
      return DateTime.Now;
    }
    [AjaxPro.AjaxMethod]

    public int AddTwo(int firstInt, int secondInt)
    {

      return firstInt + secondInt;

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


default.aspx

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="MyDemo._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>
    <title>无标题页</title>
</head>
<body>
  <form id="form1" runat="server" action="test1.aspx">
    <div>
      <input id="Button1" type="button" value="获得服务器时间" onclick="getServerTime();" />
      <input id="Text1" type="text" />
      <input id="Text2" type="text" />
      <input id="Button2" type="button" value="得到两个文本框的和" onclick="add(document.getElementById('Text1').value,document.getElementById('Text2').value)" />
    </div>
    <input type="text" value="111111" name="testtext"/>
    <input type="submit" name="testsubmit" value="测试"/>
  </form>
  <script type="text/javascript">
    function getServerTime()
    {
      //MyDemo._Default.GetServerTime()得到从服务器传来的数据是object，要写.value
      alert(MyDemo._Default.GetServerTime().value);
    }
    function add(a,b)
    {
      //把文本框的值转换成int
      var a1 = parseInt(a);
      var b1 = parseInt(b);
      //第1、2参数为服务器方法所需要的参数，后面一个是如果服务器返回数据
      //客户端要处理这些数据的js函数名，他有个参数就是从服务器传来的数据
      MyDemo._Default.AddTwo(a1,b1,getAdd);
    }
    function getAdd(rel)
    {
      //要加上.value
      alert(rel.value);
    }
  </script>
</body>
</html>

配置：
1AjaxPro.dll
在<system.web>节点下配置
<httpHandlers>
        <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
2.AjaxPro.2.dll在web.config中的配置如下：
在<system.web>节点下配置
<httpHandlers>
      <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>