频道栏目
首页 > 资讯 > JavaScript > 正文

jQuery中的load()方法使用代码实例

17-12-20        来源:[db:作者]  
收藏   我要投稿

load( url, [ data ], [ callback(responseText, textStatus, XMLHttpRequest) ] ):

load()方法的URL参数的语法结构为:“url selector”。注意,URL和选择器之间有一个空格。

load.html

<!DOCTYPE HTML>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>无标题文档</title>  
<script src="jquery-2.0.3.js"></script>  
<script>  
    $(function(){  
        $('#div1').load('data.html');  
    });  
</script>  
</head>  
<body>  
<div id="div1">  
  
</div>  
</body>  
</html>  

data.html

<li>100</li>  
<li>200</li>  
<li>300</li>  
<div class = 'demo'>类选择器是demo的div</div>  

类选择器是demo的div

如果只想加载类选择器是demo的div,则$('#div1').load('data.html .demo');在地址url后面加空格后,再使用选择器

默认请求是get

当有data参数时,默认是post方式:data形式{key:value}

$('#div1').load('2data.php',{"name":"hello"});  

2data.php,当存在data参数时,php文件必须用$_POST接收参数

<?PHP  
    echo '<ul>  
    <li>'.$_POST["name"].'</li>  
    <li>200</li>  
    <li>300</li>      
</ul>'  
?>  

如果PHP文件中用$_GET接收参数,则参数要写在url中,此时默认是get请求

$('#div1').load('2data.php?name=hello');  
相关TAG标签
上一篇:要点提炼|开发艺术之Window
下一篇:java远程Debug Jar包调试
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站