慕斯5111332
2018-05-20 13:53
<body>
<div id="divtest">
<div class="title">
<span class="fl">我的个人资料</span>
<span class="fr">
<input id="btnShow" type="button" value="加载" />
</span>
</div>
<ul></ul>
</div>
<script type="text/javascript">
$(function () {
$("#btnShow").bind("click", function () {//bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
var $this = $(this);
$.get("php/postphp.php",function(data) {
$this.attr("disabled", "true");
$("ul").append("<li>我的名字叫:" + data.name + "</li>");
$("ul").append("<li>男朋友对我说:" + data.say + "</li>");
}, "json");
})
});
</script>
</body>
<?php
echo json_encode( array("name"=>"白富美","say"=>"我们结婚吧!"));
?>
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get("https://www.imooc.com/data/info_f.php", (data) => { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫:" + data.name + "</li>"); $("ul").append("<li>男朋友对我说:" + data.say + "</li>"); }, "json"); }) }); </script>
Url 路径有问题,你换这个
$.get("https://www.imooc.com/data/info_f.php"
我不会PHP,你把本地的换成服务器的试试http://www.imooc.com/data/info_f.php
jQuery基础(五)一Ajax应用与常用插件
69100 学习 · 400 问题
相似问题