zoukankan
html css js c++ java
Ajax使用初步
Ajax定义为“Asynchronous JavaScript + XML”的简称,也就是异步的JavaScript和XML处理。从原理上看,主要是Ajax可以通过调用HttpRequest实现与服务器的异步通讯,并最终在网页中实现丰富友好的用户界面
Ajax使用初步,配置步骤
1.把Ajax.dll copy到应用系统bin目录下,然后在工程引用中引用Ajax.dll,如果没有的话可以下载
/Files/singlepine/Ajax.rar
2.配置web.config,添加如下信息
<
httpHandlers
>
<
add
verb
="POST,GET"
path
="ajax/*.ashx"
type
="Ajax.PageHandlerFactory, Ajax"
/>
</
httpHandlers
>
3.假设应用系统叫Document,目录格式为Pages\AjaxTest
4.在Pages\AjaxTest下建立cs文件AjaxMethod.cs,添加如下方法
//
[Ajax.AjaxMethod]
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public
static
string
GetNIVNumber(
string
str)
{
return
str;
}
5.在Pages\AjaxTest下建立页面AjaxForm.aspx
<
HTML
>
<
HEAD
>
<
title
>
AjaxForm
</
title
>
<
meta
name
="GENERATOR"
Content
="Microsoft Visual Studio .NET 7.1"
>
<
meta
name
="CODE_LANGUAGE"
Content
="C#"
>
<
meta
name
="vs_defaultClientScript"
content
="JavaScript"
>
<
meta
name
="vs_targetSchema"
content
="http://schemas.microsoft.com/intellisense/ie5"
>
<
script
language
="javascript"
>
function
testAjax()
{
var
first
=
document.getElementById(
"
txtfirst
"
);
AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);
}
function
callback_GetNIVNumber(res)
{
var
obj
=
document.getElementById(
"
txtsecond
"
);
obj.value
=
res.value;
}
</
script
>
</
HEAD
>
<
body
MS_POSITIONING
="GridLayout"
>
<
form
id
="Form1"
method
="post"
runat
="server"
>
<
INPUT
style
="Z-INDEX: 101; LEFT: 208px; POSITION: absolute; TOP: 40px"
type
="button"
value
="Button"
onclick
="testAjax();"
>
<
asp:TextBox
id
="txtfirst"
style
="Z-INDEX: 102; LEFT: 40px; POSITION: absolute; TOP: 40px"
runat
="server"
></
asp:TextBox
>
<
asp:TextBox
id
="txtsecond"
style
="Z-INDEX: 103; LEFT: 40px; POSITION: absolute; TOP: 72px"
runat
="server"
></
asp:TextBox
>
</
form
>
</
body
>
</
HTML
>
protected
System.Web.UI.WebControls.TextBox txtfirst;
protected
System.Web.UI.WebControls.TextBox txtsecond;
private
void
Page_Load(
object
sender, System.EventArgs e)
{
//
注册,其中Document.Pages.AjaxTest.AjaxMethod为AjaxMethod.cs方法所在的命名空间
Ajax.Utility.RegisterTypeForAjax(
typeof
(Document.Pages.AjaxTest.AjaxMethod));
}
然后运行就可以了,
实现效果:在第一个textbox中输入内容,点击button,就把内容显示到第二textbox中。这只是一个简单的示例,还可以修改调用方法,从数据库读取以及更复杂的操作
查看全文
相关阅读:
Spring Boot & ES 实战,值得参考!
什么是 Java 对象深拷贝?面试必问!
一份完整的 MySQL 开发规范,进大厂必看!
ASP.NET + MVC5 入门完整教程五 --- Razor (模型与布局)
C# MVC扩展方法
C#泛型应用及原理
部分类及部分方法
程序集
类的可访问属性
ASP.NET + MVC5 入门完整教程四---MVC 中使用扩展方法
原文地址:https://www.cnblogs.com/HughTan/p/1576335.html
最新文章
链表中倒数第k个节点
链表中环的入口结点
二进制中1的个数
C#读取text内容并且于testbox中展现 保留换行实现方法
C# WinForm页面切换导致闪烁的解决方法
vs2015多行注释与取消多行注释
OpenGL + VS2015 + Windows10配置
three.js 制作一个简单的圆柱体模型
js 小知识
SSM 框架搭建
热门文章
maven的安装以及问题
idea15 激活方法
win10 java环境变量
Linux 与 Unix 到底有啥区别和联系?
Java 中的 T,E,K,V, 别傻傻分不清楚!
中秋你们发了什么?我们发了这个。。。
这个中秋,我用 Java 画了一个月饼!
硬核!如何模拟 5w+ 的并发用户?
从头到尾说一次 Java 垃圾回收,写得非常好!
Java虚拟机最多支持多少个线程?
Copyright © 2011-2022 走看看