jQery ajax――load()方法示例介绍
2013-05-10 00:00
393 查看
一.load()方法(最简单的)
load(url,[data],[callback])
url:加载的页面地址
data: 可选项,发送到服务器的数据,格式是key/value
callback:可选项,回调函数
1.最简单的应用
其中inclue_a.html的代码如下:
显示结果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030191/943cd3fc0c8751217fd17a9dcab11a76)
点击按钮显示如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030191/cb48ae117bd8a3ac0168b5d860b1d1f5)
二.get()方法
三.post()方法
四.ajax()方法
load(url,[data],[callback])
url:加载的页面地址
data: 可选项,发送到服务器的数据,格式是key/value
callback:可选项,回调函数
1.最简单的应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>load方法应用</title> <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> <style type="text/css"> #divframe{ border:1px solid #999; width:500px; margin:0 auto;} .loadTitle{ background:#CCC; height:30px;} </style> <script type="text/javascript"> $(function(){ $("#btn").click(function(){ //加载整个页面 //$("#ajaxTip").load("inclue_a.html"); //加载页面中的某一元素 $("#ajaxTip").load("inclue_a.html #userinfo"); }) }) </script> </head> <body> <div id="divframe"> <div class="loadTitle"> <input type="button" value="获取数据" id="btn"/> </div> <div id="ajaxTip"> </div> </div> </body> </html>
其中inclue_a.html的代码如下:
<div id="userinfo"> 姓名:冰淇淋<br> 性别:田<br> 邮箱:999@123.com </div>
显示结果:
点击按钮显示如下:
二.get()方法
三.post()方法
四.ajax()方法
相关文章推荐
- jQery ajax――load()方法示例介绍
- C#反射之一(Assembly.Load方法介绍)
- C#反射中Assembly.Load及Assembly.Load.CreateInstance方法介绍
- PerformanceCounter 基本介绍以及示例方法
- JDBCTemplate---方法介绍和简单示例
- jsp传值中文乱码问题解决方法示例介绍
- 四种生成和解析XML文档的方法详解(介绍+优缺点比较+示例)
- 四种生成和解析XML文档的方法详解(介绍+优缺点比较+示例)
- 四种生成和解析XML文档的方法详解(介绍+优缺点比较+示例)
- C#反射中Assembly.Load及Assembly.Load.CreateInstance方法介绍
- C#反射之一(Assembly.Load及Assembly.Load.CreateInstance方法介绍)
- C#反射之(Assembly_Load及Assembly_Load_CreateInstance方法介绍)
- jquery中页面Ajax方法$.load的功能使用介绍
- C#反射中Assembly.Load及Assembly.Load.CreateInstance方法介绍
- 四种生成和解析XML文档的方法详解(介绍+优缺点比较+示例)(转载)
- 在JavaScript中判断整型的N种方法示例介绍
- JQuery中serialize()、serializeArray()和param()方法示例介绍
- 网页图片延迟加载LazyLoad.js使用方法介绍和实例