jQery ajax——load()方法示例介绍_AJAX相关

上一篇: 滑轮滚动到页面底部ajax加载数据... 下一篇:jQuery+Ajax实现表格数据不同列标...

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

发布时间：2022-04-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了jQery ajax——load()方法示例介绍，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

一．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 class="loadTitle">
<input type="button" value="获取数据" id="btn"/>
</div>
<div id="ajaxTip">
</div>
</div>
</body>
</html>

其中inclue_a.html的代码如下：

复制代码代码如下:

显示结果：

 
点击按钮显示如下：

二．get()方法
三．post()方法
四．ajax()方法

您可能感兴趣的文章:

脚本宝典总结

以上是脚本宝典为你收集整理的jQery ajax——load()方法示例介绍全部内容，希望文章能够帮你解决jQery ajax——load()方法示例介绍所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: 滑轮滚动到页面底部ajax加载数据... 下一篇:jQuery+Ajax实现表格数据不同列标...

猜你在找的AJAX相关相关文章