jQuery的ajax调用服务器接口的方法:
$("#type_btn").click(function(){
var _type =$(this).attr("id");//传给服务器接口参数的值
var url='
http://127.0.0.1:8080/myweb/getListByType.do?';//你服务器的接口地址(假设),返回结果自己封装成json数据;
var prams={type:_type};//参数,根据不同类型查找不同内容
$.ajax({
url : url,
type : "POST",
data : prams,
cache : false,
async : false,
dataType : "json",
success : function(data) {
//展示你的列表数据
$.each(feedback,function(key,val){
var _id=val.id;
var _name=val.name;
//...
});
},error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("获取接口数据异常!");
}
});
});