基本ajax交互

HTML 和js

<script src="jquery-1.11.3.min.js"></script>

<button class="js-getJson">GO</button>

<script>
getJson();
function getJson() {
$(".js-getJson").click(function(){
$.ajax({
url : 'data.json',
dataType : 'json',
success : function(data) {
alert(data['name']);
$(".js-getJson").text("aaaa");
},
error : function(e) {
alert(e);
}
});
});
}
</script>

json

{
"name": "你是靓仔",
"data": "设计师",
"other": "前端"
}

效果

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!