代码学堂(uxuew.cn)提供付费解决PHP WEB开发等技术服务,如果需要请 点击加我QQ:1662935793.
>web前端 > ajax技巧 > 使用JQuery中load()方法实现Ajax异步加载功能

使用JQuery中load()方法实现Ajax异步加载功能

ajax技巧 围观5031次 更新日期:2017-07-18 13:27:05 留下足迹

在JQuery中,使用load()方法就可以轻松的实现获取异步加载数据的功能

在1.htm中的代码如下:
  1. <head> 
  2. <title>title> 
  3. <script src="http://www.uxuew.cn/statics/js/lmphp/jquery-1.8.3.min.js" type="text/javascript">script> //注意:这个可别忘记加啊! 
  4. <script type="text/javascript"> 
  5. $(function () { 
  6. $("#btnGet").click(function () {//按钮的点击事件 
  7. $("#divMsg").load("2.htm");//调用load()方法 ; load语法格式:load(url,[data],[callback]):其中url为被加载的页面地址;可选参数data为要发送到服 //务器的数据,其格式是一个key/value;callback为加载成功后,返回至加载页面的回调函数 
  8. }) 
  9. }) //这里一定要注意了哦!括号一定要 “ 成对的 同时 ”打好哦,当你写的代码多的时候,在这个点上一不小心就会出错的! 
  10. script> 
  11. head> 
  12. <body> 
  13. <input type="button" id="btnGet" value="获取数据" /> 
  14. <div id="divMsg"> 
  15. div> 
  16. body> 
  17. html> 

在2.htm中的代码如下:
  1. <head> 
  2. <title>title> 
  3. head> 
  4. <body> 
  5. 姓名:代码学堂<br /> 
  6. 性别:男<br /> 
  7. 网址:http://www.uxuew.cn 
  8. body> 
  9. html> 


转载请注明:代码学堂>web前端 > ajax技巧 > 使用JQuery中load()方法实现Ajax异步加载功能

喜欢 (840) or 分享 (132)
随机文章