首页 > Web开发 > 详细

Ajax在jQuery中的应用

时间:2015-01-20 10:17:26      阅读:291      评论:0      收藏:0      [点我收藏+]

Ajax是Asynchronous JavaScript and XML的缩写,其核心是通过XMLHttpRequest对象,以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而完成人机交互的数据操作。在jQuery中,有大量的函数与方法为Ajax技术提供支持。

 

1.load()方法

load(url,[data],[callback])

参数url为被加载的页面地址,可选项[data]参数表示发送到服务器的数据,其格式为key/value。可选项[callback]参数表示加载成功后,返回至加载页的回调函数。

示例:创建两个新页面a.html和b.html,前者用于加载页,单击“获取数据”按钮后,在不刷新该页面的情况下,将b.html页中的内容显示在a.html页面的<div>标记中。

a.html
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Insert title here</title>
        
        <script language="javascript" type="text/javascript" src="js/jquery-1.9.0.js"></script>
                        
        <script type="text/javascript">
            $(function() {
                $("#Button1").click(function() {   //按钮点击事件
                $("#divTip").load("b.html");   //load()方法加载数据
                })
            })
         </script>
    </head>
    <body>
        <input id="Button1" type="button" value="获取数据" />
        <div id="divTip"></div>  
    </body>
</html>
b.html

<div class="clsShow">
    姓名:陶国荣<br />
    性别:男<br />
    邮箱:tao_guo1_rong@163.com
</div>

Ajax在jQuery中的应用

原文:http://www.cnblogs.com/weilunhui/p/4235269.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!