注册 | 登录 | 设为首页 | 加入收藏
您当前的位置:飞翔学院-IT中国 → 编程开发AJAX → 文章内容

利用JQuery实现简单AJAX

作者:佚名 来源:本站整理 发布时间:2008-11-1 17:40:44

简单的ajax示例,其中jquery-1.2.6.pack.js包可以到这里来下载
jquery-1.2.6.pack.js
解压后,里面的jquery1.26.rar就有本文件,是压缩版

利用jquery,你可以进行很少的操作和代码的编写就能执行复杂的功能,更能达到页面和代码分离的效果


下面是具体代码

example.html文件内容

  1. <html>
  2. <head>
  3. <title>实例</title>
  4. </head>
  5. <script language="javascript" src="jquery-1.2.6.pack.js"></script>
  6. <script language="javascript" src="code.js"></script>
  7. <body>
  8. <div id="msg">
  9. msg
  10. </div>
  11. </body>
  12. </html>

code.js的内容

  1. $(document).ready(function(){
  2. $("#msg").css({
  3.       "width":"800px",
  4. "border":"1px #dddddd solid"
  5.       });
  6. $("#msg").ajaxStart(function(){$(this).html("请求中...")});
  7. $("#msg").hide().fadeIn("slow");
  8. $.ajax({
  9.   type: "get",
  10.   url: "http://www.ii-home.cn";,
  11.   data:   "name=John&location=Boston",
  12.   success: function(msg){$("#msg").html(msg).hide().fadeIn("slow");} 
  13. }); 

  • 打印文档
  • 推荐好友
  • 返回顶部
  • 增大字体
  • 减少字体
关于本站 | 工作机会 | 合作网站 | 广告服务 | 市场合作| 联系我们 | 抽奖活动
版权所有: 武汉威俊科技有限公司 Copyright 2005-2007 www.ITCNW.COM All rights reserved