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": "前端"
}

效果