惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hacker News: Ask HN
Hacker News: Ask HN
H
Help Net Security
Microsoft Azure Blog
Microsoft Azure Blog
B
Blog RSS Feed
Jina AI
Jina AI
Stack Overflow Blog
Stack Overflow Blog
量子位
博客园_首页
Vercel News
Vercel News
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Forbes - Security
Forbes - Security
IT之家
IT之家
N
News and Events Feed by Topic
S
Security Affairs
Recent Commits to openclaw:main
Recent Commits to openclaw:main
Webroot Blog
Webroot Blog
Recorded Future
Recorded Future
L
LangChain Blog
Y
Y Combinator Blog
AI
AI
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
Know Your Adversary
Know Your Adversary
AWS News Blog
AWS News Blog
Help Net Security
Help Net Security
Cyberwarzone
Cyberwarzone
L
Lohrmann on Cybersecurity
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Google Online Security Blog
Google Online Security Blog
V2EX - 技术
V2EX - 技术
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
PCI Perspectives
PCI Perspectives
I
Intezer
T
Tenable Blog
G
Google Developers Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
T
Troy Hunt's Blog
L
LINUX DO - 最新话题
云风的 BLOG
云风的 BLOG
C
CXSECURITY Database RSS Feed - CXSecurity.com
有赞技术团队
有赞技术团队
O
OpenAI News
P
Proofpoint News Feed
TaoSecurity Blog
TaoSecurity Blog
C
Check Point Blog
Last Week in AI
Last Week in AI
S
Schneier on Security
Simon Willison's Weblog
Simon Willison's Weblog
Blog — PlanetScale
Blog — PlanetScale

博客园 - xxp

翻译:Android程序开发入门 php,mysql下中文编码解决方案 翻译:xoops搜索功能的使用 发布新软件:史上最轻量级的ORM--EasyDBOperation XOOPS模块开发快速入门中文翻译--索引 XOOPS模块开发快速入门中文翻译(十) XOOPS模块开发快速入门中文翻译(九) XOOPS模块开发快速入门中文翻译(八) XOOPS模块开发快速入门中文翻译(七) XOOPS模块开发快速入门中文翻译(六) XOOPS模块开发快速入门中文翻译(五) XOOPS模块开发快速入门中文翻译(四) XOOPS模块开发快速入门中文翻译(三) XOOPS模块开发快速入门中文翻译(二) XOOPS模块开发快速入门中文翻译(一) 简单的网页内容采集器(C#) C#网络编程学习笔记1 100%男性倾向? 55 为什么? 学习XOOPS的记录
asp.net中使用ajax中的三种方式
xxp · 2009-02-21 · via 博客园 - xxp

asp.net中使用php常用的jquery等类库来实现ajax不是很容易。因为

asp.net的机制已经被封装了,依靠内部的viewstate,如果硬用js修改了控件的值,跟他的viewstate对不上,而这些控件又是不可修改的,将对程序造成安全性困扰,后台获取值也是一个麻烦。

另外,asp.net的控件也封装了html控件,使用js操作不是这么直接。

根据Surance( http://www.fltek.com.cn/)研究发现,在asp.net中,有3种方法使用ajax比较简单。算是ms的一个补偿方案来的。

一个是PageMethod,一个是使用ICallbackEventHandler,还有一个是用ms自带的ajax控件。

分别举例说明,

以下例子要实现的功能为:

在页面有一个div,一个按钮。点击按钮要调用后台方法获取一个时间,然后将时间写入div。要求页面不刷新

另外有个后台的按钮,点击此按钮,取到保存后的值

1.PageMehtod

第一步,建立一个asp.net的ajax网站(或者建立普通网站后修改webconfig)

第二步,在页面建立控件:

 <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />

 <div id="show" runat="server">aaaa
         </div>

  <asp:HiddenField ID="HiddenField1" runat="server" />

  <input type="button" value="1111" onclick="myFun()" id="Button2" />
        <asp:Button ID="Button1" runat="server" Text="getValue" OnClick="Button1_Click" />

第三步,js

 <script>
        function myFun()
        {
            PageMethods.GetDate('a',myCallBack)
        }
       
        function myCallBack(result)
        {
            var di = document.getElementById("HiddenField1");
            di.value=result;
            
 var di = document.getElementById("show");
            di.innerHTML=result;

 
        }
       
    </script>

第四步,后台代码

注意,这个方法必须是静态方法,必须是写入以下特性。

因此这个方法不可以直接访问页面的值

 [System.Web.Services.WebMethod]
    public static DateTime GetDate(string a)
    {

        return DateTime.Now;
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
         DataTable dt = (DataTable)this.DataList1.DataSource;
         Response.Write(dt.Rows.Count);
    }

2.使用ICallbackEventHandler

第一步同上

第二步,页面实现接口

public partial class Default2 : System.Web.UI.Page, ICallbackEventHandler

第三步,建立控件

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

    </div>
    <input type="button" onclick="CallServer()" value="CallServer"></input>

第四步,

写入js

 <script type="text/javascript">
      function CallServer()
     {
         var product = "1";
         <%= ClientScript.GetCallbackEventReference(this, "product", "ReceiveServerData",null)%>;
     }
   
     function ReceiveServerData(rValue)
     {
        alert(rValue);
             var di = document.getElementById("show");
            di.innerHTML=rValue;
    }
 </script>

第五步,

后台代码

声明变量: public  string CallBackValue;

接口方法:

 public string GetCallbackResult()
    {
        return CallBackValue + ",ok";

    }

    public void RaiseCallbackEvent(string eventArgument)
    {
                       this.CallBackValue = eventArgument;
               


}

说明:RaiseCallbackEvent是实际做事的方法

GetCallbackResult是执行完动作回调的方法。

可以修改控件的值。

先执行后台的回调方法,后执行前台js的回调方法

可以使用RenderControl等类,来将asp.net控件输出为html

可以在RaiseCallbackEvent中switchargument,看看是什么地方传来的,以便调用不同的函数。