JQuery of Ajax

第一章:load( )方法

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

[ ]内的参数表示可选

load一般用来读取静态html页面(动态也可以)。如果想方便传递数据到服务器,更多的使用get或post。

url:待装入 HTML 网页网址。

data:发送至服务器的 key/value 数据。在jQuery 1.3之后也可以接受一个字符串了。可选

callback:载入成功时回调函数。可选

注意:默认使用 GET 方式 - 传递附加data参数时自动转换为 POST 方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
例1:
将test1.html中的div和p标签都加载到test2.html中的div标签里

<script>
$(function(){
$('#btn').on('click',function () {
$('#box').load('test1.html p,div',function () { //若第一个参数后不传标签名,则加载的是整个页面
console.log('加载完成')
})
})
})
</script>

<button id="btn">按钮</button>
<div id="box"></div>

=> <div id="box">
<div class="div">我是div1</div>
<div class="div">我是div2</div>
<div class="div">我是div3</div>
<div class="div">我是div4</div>
</div>

第二章:get方法和post方法

评论