jQery ajax——load()方法示例介绍

简繁真复杂

简繁真复杂

2016-02-19 09:37

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享jQery ajax——load()方法示例介绍吧。
一.load()方法(最简单的)
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" /
titleload方法应用/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()方法
展开更多 50%)
分享

猜你喜欢

jQery ajax——load()方法示例介绍

Web开发
jQery ajax——load()方法示例介绍

jQuery Ajax之load()方法

Web开发
jQuery Ajax之load()方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

AJAX源码应用示例

Web开发
AJAX源码应用示例

Ajax post传值示例

Web开发
Ajax post传值示例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

ajax制作表单验证示例

Web开发
ajax制作表单验证示例

菜鸟蔡之Ajax复习第二篇(JQuery中的load()方法实现Ajax功能)

Web开发
菜鸟蔡之Ajax复习第二篇(JQuery中的load()方法实现Ajax功能)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

C# 游戏外挂实现核心代码

C# 游戏外挂实现核心代码

sql server中的decimal或者numeric的精度问题

sql server中的decimal或者numeric的精度问题
下拉加载更多内容 ↓