手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >jQery ajax——load()方法示例介绍
jQery ajax——load()方法示例介绍
摘要:一.load()方法(最简单的)load(url,[data],[callback])url:加载的页面地址data:可选项,发送到服务器的...

一.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" />

<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>

<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>

显示结果:

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

点击按钮显示如下:

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

二.get()方法

三.post()方法

四.ajax()方法

【jQery ajax——load()方法示例介绍】相关文章:

用实现ajax读博客rss示例代码

使用ajax和history.pushState无刷新改变页面URL示例

jquery ajax 向后台传递数组参数示例

jQuery中ajax - get() 方法实例详解

jQuery中ajax - post() 方法实例详解

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

ajax 乱码的一种解决方法

用juery的ajax方法调用aspx.cs页面中的webmethod方法示例

AJAX如何接收JSON数据示例介绍

JQuery ajax 返回json时出现中文乱码该如何解决

精品推荐
分类导航