Ajax首轮实践经历
这里要说的没有大道理,没有原理,没有高深的技术,没有YY,只是自己的一次经历,日记而已。以防以后忘记了,现在写下来可以作为参考。
时间:5月炎热的一天
地点:3楼
人物:我,电脑
结果:模拟一个网站的局部刷新功能
声明:新手,对Ajax第一次使用
简单的功能:
没有用系统自带的控件,因为试了很久没管用,网上的全是N级联动的局部刷新,我这里用不上,只好找别的方法。
第一步:可以从别人或网上搞到Ajax.dll文件,添加到bin文件夹,添加引用
第二步:打开cs文件,根据实际情况更改 _Default
protected void Page_Load(object sender, EventArgs e)
{
//注册 Ajax
Ajax.Utility.RegisterTypeForAjax(typeof(_Default));
//可以显示一下时间,检测有没有整页刷新,如果点按钮时间变了就是
//整页刷新,得修改程序,如果没变就成功了。
Response.Write(DateTime.Now);
}
第三步:随便写一个函数
//调用 Ajax 方法
[Ajax.AjaxMethod]
public string map_jiaotong()
{
//你的功能代码
}
第四步:打开aspx前台页,添加form,几个按钮,记得给需要局部刷新的div写一个 id
<body>
<form id="form1" runat="server">
<input id="btn_jiaotong" type="button" value="交通枢纽" onclick="return btn_jiaotong_onclick()" />
<input id="btn_ylcy" type="button" value="娱乐餐饮" onclick="return btn_ylcy_onclick()" />
<div id="divinfo" >
<!--这里是要显示结果的地方,也就是要局部刷新的地方-->
</div>
</form>
</body>
第五步:在<head></head>中添加javascript代码
<head>
<script language="javascript" type="text/javascript">
//交通枢纽
function btn_jiaotong_onclick()
{
document.getElementById("divinfo").innerHTML=_Default.map_jiaotong().value;
}
//娱乐餐饮
function btn_ylcy_onclick()
{
document.getElementById("divinfo").innerHTML=_Default.map_canyinyule().value;
}
</script>
</head>
END
如果没有成功,可能是某些细节上的问题或Ajax.dll文件
相关文档:
折腾了好长时间,终于在今天用JsTree插件实现了Ajax异步加载节点的功能。
Zero.aspx页,该页用于显示树控件。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Zero.aspx.cs" Inherits="VistaToNewSchol.Zero" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ......
1、区块的显示与隐藏
在进行ajax编程时,经常会用到div标签对页面元素进行布局,大致方法是,把界面分做几大块,有时候需要根据点击菜单显示相应的块及隐藏其他块,这时可简单设置div.style.display为block进行显示,div.style.dispaly为none进行隐藏。
2、界面元素命名
&nb ......
AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据:
Ajaxian在2007年底对Ajax工具进行了调 ......
参数名
类型
描述
url
String
(默认: 当前页地址) 发送请求的地址。
type
String
(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 Delete 也可以使用,但仅部分浏览器支持。
timeout
N ......