zoukankan
html css js c++ java
用最简单的方法实现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接口。
实现的这个接口的控件(包括页面)都可以以异步的方式用服务器发送数据。还可以设置一个回调函数。这个方法有两个局限:函数的返回类型只能是字符串类型。方法只有一个参数(可以通过分割字符串实现多个参数,但不安全。)
查看全文
相关阅读:
手写Promise(转)
阻止element组件中的<el-input/>的粘贴功能(转)
js 对象深拷贝函数
20182301 2019-2020-1《程序设计与数据结构》课程总结
20182301 2019-2020-1 《数据结构与面向对象程序设计》实验9报告
团队博客第二周——DIG
20182301 2019-2020-1 《数据结构与面向对象程序设计》第十周学习总结
《团队作业第一周》团队作业——DIG
20182301 2019-2020-1 《数据结构与面向对象程序设计》哈夫曼实验报告
20182301 2019-2020-1 《数据结构与面向对象程序设计》第9周学习总结
原文地址:https://www.cnblogs.com/heys/p/822770.html
最新文章
web性能优化
事件冒泡例子
node.js的单线程异步是什么意思呢?(转)
setTimeout和setInterval的区别(厚颜无耻地转)
小程序开发注意的坑
echarts 各类配置项
requestAnimationFrame 实现跑马灯
flex
获取dom的位置--JavaScript中getBoundingClientRect()方法
js发送get 、post请求的方法简介(偷来的)
热门文章
阻止微信浏览器下拉滑动效果(ios11.3 橡皮筋效果)(转)
echars相关
iview table 自定义选中(不选中)某一项
字体自适应屏幕大小变化(抄来的)
css 伪类 左箭头
小程序侦听全局参数方法
利用闭包实现简易防抖(转)
全局 snippets
Vue.js中 watch 的高级用法
vue 自定义步骤条组件(css)
Copyright © 2011-2022 走看看