runxinzhi.com
首页
百度搜索
用最简单的方法实现Ajax
Aspx文件:
<
script
type
="text/javascript"
>
function
callToServer()
{
var
param
=
document.getElementById(
"
txtMessage
"
).value
+
"
&pa
"
+
document.getElementById(
"
a
"
).value;
var
context
=
""
;
document.getElementById(
"
a
"
).value
=
document.getElementById(
"
a
"
).value;
//
WebForm_InitCallback();
<%
=
callbackScript
%>
}
function
handleResultFromServer(result)
{
document.getElementById(
"
txtResult
"
).innerHTML
=
result;
}
</
script
>
<
form
id
="form1"
runat
="server"
>
<
div
><
INPUT
id
="txtMessage"
/>
a
<
input
id
="a"
name
="a"
/>
<
INPUT
onclick
="callToServer();"
type
="button"
value
="Call to Server"
/>
<
br
/>
<
span
style
="color:#ff0000"
></
span
>
Result :
<
div
id
="txtResult"
></
div
>
</
div
>
</
form
>
Aspx.cs文件:
public
partial
class
Test : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler
{
protected
string
callbackScript
{
get
{
ClientScriptManager cm
=
Page.ClientScript;
//
return this.GetCallbackEventReference(this, "param", "handleResultFromServer", "context");
return
cm.GetCallbackEventReference(
this
,
"
param
"
,
"
handleResultFromServer
"
,
"
context
"
);
}
}
private
string
arg
=
""
;
protected
void
Page_Load(
object
sender, EventArgs e)
{
}
public
void
RaiseCallbackEvent(
string
eventArgument)
{
arg
=
eventArgument
+
Request[
"
a
"
];
for
(
int
i
=
0
; i
<
Request.Params.Count; i
++
)
{
arg
+=
"
Name:
"
+
Request.Params.GetKey(i)
+
"
:Value:<span style=\
"
color:#ff0000\
"
>
"
+
Request.Params[i]
+
"
</span><br/>
"
;
}
}
public
string
GetCallbackResult()
{
return
"
客户端在[
"
+
DateTime.Now.ToString()
+
"
]传送来 [
"
+
arg
+
"
].
"
;
}
}
这里主要是用到了Asp.net自带的 System.Web.UI.ICallbackEventHandler接口。
实现的这个接口的控件(包括页面)都可以以异步的方式用服务器发送数据。还可以设置一个回调函数。这个方法有两个局限:函数的返回类型只能是字符串类型。方法只有一个参数(可以通过分割字符串实现多个参数,但不安全。)
相关阅读:
linux安装mongodb数据库./mongod -f mongodb.conf失败或者error
idea项目提交
spring5.x日志问题log4j
IDEA使用apache-tomcat-9.0.16控制台Tomcat日志中文乱码问题
笔记本网线连服务器内网ip配置
vue项目启动操作
win10窗口打开一直处于最小化状态问题
停止 WinDefend Microsoft Defender Antivirus Service
关于apt命令和yum命令区别
20200924-4 代码规范
原文地址:https://www.cnblogs.com/heys/p/822770.html
最新文章
什么是Socket
try....except....详细用法
什么是异常处理
面向对象的软件开发与作业介绍
自定义元类控制类的实例化行为(二)
自定义元类控制类的实例化行为(一)
自定义元类控制类的创建
元类介绍
内置方法介绍
反射
热门文章
函数(二)
函数(一)
修改文件的两种方法
19/03/30Python笔记
深浅Copy
19/03/17Python笔记
列表笔记
19/03/15Pyhon笔记
19/03/13python学习笔记
yapi部署坑windows
Copyright © 2020-2023
润新知