简单的ajax示例,其中jquery-1.2.6.pack.js包可以到这里来下载
jquery-1.2.6.pack.js
解压后,里面的jquery1.26.rar就有本文件,是压缩版
利用jquery,你可以进行很少的操作和代码的编写就能执行复杂的功能,更能达到页面和代码分离的效果
下面是具体代码
example.html文件内容
- <html>
- <head>
- <title>实例</title>
- </head>
- <script language="javascript" src="jquery-1.2.6.pack.js"></script>
- <script language="javascript" src="code.js"></script>
- <body>
- <div id="msg">
- msg
- </div>
- </body>
- </html>
code.js的内容
- $(document).ready(function(){
- $("#msg").css({
- "width":"800px",
- "border":"1px #dddddd solid"
- });
- $("#msg").ajaxStart(function(){$(this).html("请求中...")});
- $("#msg").hide().fadeIn("slow");
- $.ajax({
- type: "get",
- url: "http://www.ii-home.cn",
- data: "name=John&location=Boston",
- success: function(msg){$("#msg").html(msg).hide().fadeIn("slow");}
- });