ajax调取json接口,通过 Ajax 调取后台接口将返回的 json 数据绑定在页面上

第一步：

编写基础的 html 框架内容，并引入 jquery：

测试Ajax

第二步：

在 “

” 中间插入要点击的按钮和用来显示数据的

标签，并编写对应的 function：

“ajax的使用往往配合事件操作进行调用”

点击获取数据

function：

$(function(){

$("#btn").on("click", function(){

//调用 ajax

});

})

第三步：

使用 ajax 调用后台接口并处理数据：

$.ajax({

url: 'http://localhost:53087/test/ajax', //后端程序的url地址

type: 'get',

dataType: 'json',

data:{ //发送给服务器的数据，如果是get请求，也可以写在url地址的?后面

"city":'郑州',

}

})

.done(function(resp){ //请求成功以后的操作(resp是后端返回的json数据，值为：{"city":"郑州"})

console.log(resp);

var data = eval('(' + resp + ')'); //data为json数据转换成的对象，值为