jQuery Ajax 回顾
在本节我准备只写上关于Ajax的说明,多数来自jQuery的帮助文档,所以不要放在首页。因为我觉得首页应该是要花费了时间和心思的作品。代码演示和jQuery Ajax 一些新的,将在下一次有空时讲述,这里就不讲了。时间已经0晨了。如果你举得有什么jQuery的疑问或者觉得Ajax该讲述那些内容的都可以跟我留言,只要我有时间和能力,我就一定会尽力满足大家。 1. load( url, [data], [callback] ) 载入远程 HTML 文件代码并插入至 DOM 中。 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。 参数: url (String) : 请求的HTML页的URL地址。 data (Map) : 发送至服务器的 key/value 数据。 callback (Callback) : 请求完成时(不需要是success的)的回调函数。 方法默认 GET 方式来传递的,有参数传递数据进就会自动转换为POST方式的。这个方法可以很方便的动态加载一些HTML文件。 CODE $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 2. jQuery.get( url, [data], [callback] ) 通过远程 HTTP GET 请求载入信息。 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。 url (String) : 发送请求的URL地址. data (Map) : 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。 callback (Function) : 载入成功时回调函数。 CODE $.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); }); 3.jQery.post ( url, [data], [callback], [type] ) 通过远程 HTTP POST 请求载入信息。 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。 url (String) : 发送请求的URL地址. data (Map) : 要发送给服务器的数据,以 Key/value 的键值对形式表示。 callback (Function) : 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : 客户端请求的类型(JSON,XML,Script,Text
相关文档:
以后说明就写在这里了,该控件只当是练手 我把说明一起打包了 不过还是在这里而在贴出来 我有空的时候就会扩展其他功能了
高手就可以飘过了... 每次更新我都会把原来的控件一起打包 文件可能越来越大,呵呵 欢迎交流
Ax控件用于ajax请求
支持浏览器 火狐 IE 等...
控件参数
_Async 是否同步 true为异步 fals ......
如上图所示为Accordion控件:
感觉不错的样式
<style type="text/css">
.headerBg{cursor:hand;text-align:center;width:180px;height:21px;background-image:url(images/ajaxmenubg1.gif);FONT-SIZE: 12px;line-height:21px;} ......
ajax Detail.aspx页面
protected void Page_Load(object sender, EventArgs e)
{
Thread.Sleep(500);
string Keyid = Request.QueryString["Id"].ToString();
......
好久不碰WEB的东东了,最近学习SAP的BSP技术,又用到这些,顺便转篇文章,备查.
原文地址: http://www.ibm.com/developerworks/cn/xml/x-ajaxxml2/
Ajax 和 XML:
五
种常见 Ajax 模式
可立即使用这些非常有用的 Ajax 设计模式
文档选项
<tr valign="top"><td width="8">< ......