ajax:load()加载静态资源

AJAX = 异步 JavaScript 和 XML （Asynchronous JavaScript and XML）。

AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。

AJAX 通过后台加载数据，并在网页上进行显示。

使用 AJAX 的应用程序案例：谷歌地图、微博、优酷视频等

1:jQuery load() 方法

从服务器加载数据，并把返回的数据放入被选元素中。

语法

   $(selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

data 参数可选的，规定与请求一同发送的查询字符串键/值对集合。

callback 参数可选的是 load() 方法完成后所执行的函数名称。

范例

demo_test.txt 的内容：

 <h2>jQuery AJAX 是个非常棒的功能！</h2> 

 <p id="p1">这是段落的一些文本。</p>

需求：把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中：

  $("#div1").load("demo_test.txt");

页面代码

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>Ajax test </title> 

<script src="/static/jquery -1.12.4.min.js"> 

</script> 

<script> 

$(document).ready(function(){ 

     $("button").click(function(){ 

                    $("#div1").load("/static/demo_test.txt "); 

     }); 

}); 
</script> 

</head> 

<body> 

<div id="div1"><h2>使用 jQuery AJAX            修改文本内容</h2></div> 

<button>获取外部内容</button> 
</body> 

</html>

ajax:load()加载静态资源

1:jQuery load() 方法

语法

范例

推荐阅读更多精彩内容