详解Ajax在ASP.NET中的实现方式2

作者:互联网   出处:控件中国网   2014-11-05 19:04:32   阅读:2

接上文

看一个小例子,就知道用jQuery 做 Ajax 实在是太方便了。

  比如某个 ASPX 或者 HTML 页面里面有个Button,点击触发Ajax加载数据,显示到里面。点击那个Button 触发一个JS函数即可:

  以下是引用片段:

function GetNews()
{

$("#News").html("Loading News......");

$.ajax({

type:"post",

url:"/ajax.aspx?act=getnews",

dataType:"html",

data:"",

success:function(result)

{

$("#News").html(result);

} });

}
 
  这个函数就会先在那个 SPAN 里面显示“Loading News....”,通过异步调用,访问 /Ajax.aspx 这个页面,通过传递的 URL 参数 act=News 告诉页面需要什么类型的数据,你可以根据不同的参数,将数据通过Ajax.aspx 直接 Write 到页面上,然后返回给上述 JS 函数,呈现到页面上,就这样简单搞定!

  当然,jQuery 里面并不是只有这一种Ajax 效果实现方式,这里给出一些jQuery 的资源,花上几个小时的时间学一下,很值得:

  jQuery 官网:http://jquery.com/

  jQuery 中文 API 文档: http://jquery.org.cn/visual/cn/index.xml

  jQeury 中文入门教程: http://www.k99k.com/jQuery_getting_started.html

  至于其它的Javascript优秀框架有很多了,比如Yahoo! User Interface Library,Prototype,Rico,Qooxdoo,Dojo 等,另外还有Ajax 方面一些资源可以参考一下这里收集的资源。

 

Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat