名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
首先介绍下load()函数：
load()函数:
函数介绍：load(url, [data], [callback]) 返回值:jQuery
参数说明：
url:待装入 hTML 网站网页设计网址。
data:（可选参数）发送至服务器的 key/value 数据。
callback:（可选参数）载入成功时回调函数。
下面进行实例演示：
首先建立需要加载的test.html文件：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ajax演示</title> </head> <body> php点点通（www.phpddt.com）,关注php开发，提供专业web开发教程! </body> </html>
然后建立ajax.html文件，记得引入jquery。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>php点点通 - 关注php开发，提供专业web开发教程! </title>
<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#result").load("test.html",function(responseText,textStatus){
$("#display").append("<hr>responseText:" responseText);
$("#display").append("<hr>textStatus:" textStatus);
});
});
});
</script>
</head>
<body>
<input type="button" value="测试" id="btn" />
<h2>显示的内容如下：</h2>
<div id="result"></div>
<h2>结果：</h2>
<div id="display"></div>
</body>
</html>
上面js具体代码的初始接界面:
点击测试后：结果如下图：
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,jQuery,中的,ajax,的,load,函数,js实现收藏主页
