Jquery工做經常使用實例——Ajax load函數的使用
jQuery 的 load 函數是一種簡單的（但很強大的）AJAX 函數。它的語法以下：javascript
$(selector).load(url,data,callback)，使用 selector 來定義要改變的 HTML 元素，使用 url 參數來指定數據的 web 地址。html
只有當您但願向服務器發送數據時，才須要使用 data 參數。只有當您須要在執行完畢以後觸發一個函數時，您才須要使用 callback 參數。java
簡單實例：jquery
index.html文件：web
<!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>使用$(selector).load(url)來改變HTML內容</title>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("#changeCon").load("ajax_load.html",function(data){
//alert(data);
});
})
})
</script>
</head>ajax
<body>
<div id="changeCon"><h2>經過Ajax load改變此處內容</h2></div>
<input type="button" id="button" value="Click me" />
</body>
</html>服務器
ajax_load.html文件內容以下，與index.html同目錄下：函數
<!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>ajax_load.html</title>
</head>ui
<body>
<h2 style="color:#FF0000">我是李雲，Jquery很好用！</h2>
</body>
</html>url
當咱們瀏覽並點擊按紐"click me"時，「<h2 style="color:#FF0000">我是李雲，Jquery很好用！</h2>」將覆蓋「<div id='changeCon'><h2>經過Ajax load改變此處內容</h2></div>」並顯示出來，這就是Jquery load函數的使用，用法簡單，但卻能實現Ajax功能！
- 1. Jquery工做經常使用實例——回調函數的使用
- 2. jquery 經常使用函數
- 3. jquery 經常使用 函數
- 4. jQuery 經常使用工具函數
- 5. Jquery工做經常使用實例——動畫功能實現
- 6. ajax的經常使用函數；
- 7. jQuery 中的經常使用函數
- 8. Jquery工做經常使用實例--ajaxStart與ajaxStop(ajaxComplete)
- 9. Jquery工做經常使用實例——使用$.post,$.get,$.ajax使網頁進行異步更新
- 10. jQuery經常使用操做
- 更多相關文章...
- • TortoiseSVN 使用教程 - SVN 教程
- • Docker 容器使用 - Docker教程
- • Composer 安裝與使用
- • 使用Rxjava計算圓周率
-
每一个你不满意的现在，都有一个你没有努力的曾经。