上篇中提到了spring4.1+支持jsonp的调用,做了个例子,用来在页面上展示jsonp:

(js写的丑了点,本人后端出生,前端大侠们轻拍~)

 var Menu = function () {

     return {
getMenuData: function (json) {
console.log(json);
var data = json.data;
var html = "";
for (var i = 0 ; i < data.length ; i ++) {
var url = data[i].u;
var name = data[i].n;
var sub = data[i].i; html += "";
html += "<li class='dropdown-submenu'>";
html += "<a href='" + url + "'>" + name;
html += "<span class='c-arrow c-toggler'></span>";
html += "</a>";
html += "<ul class='dropdown-menu c-pull-right'>"; for (var j = 0 ; j < sub.length ; j ++) {
var url = sub[j].u;
var name = sub[j].n;
var node = sub[j].i; html += "<li class='dropdown-submenu'>";
html += "<a href='" + url + "'>" + name;
html += "<span class='c-arrow c-toggler'></span>";
html += "</a>"; html += "<ul class='dropdown-menu c-pull-right'>";
for (var k = 0 ; k < node.length ; k ++) {
// debugger
var name = node[k];
var last = name.split("|"); html += "<li>";
html += "<a href='" + last[0] + "'>" + last[1] + "</a>";
html += "</li>";
}
html += "</ul>";
html += "</li>";
} html += "</ul>";
html += "</li>"; }
$("#itemCatMenu").html(html);
}, getJSONP: function (serverUrl, callbackFun) {
$.ajax({
type: "get",
url: serverUrl,
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: callbackFun,
success: function(json){
// console.log(json);
},
error: function(e){
if (e.status != "200") {
console.log(e);
}
}
});
}
}; }(); $(document).ready(function()
{
var serverUrl = "http://localhost:8088/rest/menu/list";
Menu.getJSONP(serverUrl, "Menu.getMenuData");
});

展示的效果:

最新文章

  1. DDD领域驱动设计之领域服务
  2. struts2 标签 和 c标签的页面数据显示
  3. C# Community Projects
  4. How to using x++ creating Vendors [AX2012]
  5. Expression Trees
  6. 使用jqMobi开发app基础:弹出内容的设计
  7. reduce个数究竟和哪些因素有关
  8. Bomb(hdu 3555)
  9. 棋盘覆盖(一) ACM
  10. oracle查询第一篇
  11. WireShark 使用
  12. ArcGIS For Flex报错二
  13. oracle循环插入1万条数据
  14. 虚拟机Ubuntu16.04无法进入图形界面 The system is running in low-graphics mode
  15. Windows Server 2016-配置Windows Defender防病毒排除项
  16. Luogu P3398 仓鼠找sugar
  17. iOS - 极光推送证书的创建及过期处理
  18. 从flask视角理解angular(四)Route
  19. logback使用介绍
  20. jekins的一些配置

热门文章

  1. Vue条件渲染
  2. mvc项目架构分享系列之架构搭建之Repository和Service
  3. ASP.NET数据绑定技术
  4. ABAP - 3D Graphs with SAP
  5. 【读书笔记】iOS-自动释放池
  6. iOS 学习 - 8 TableViewCell 自适应高度
  7. CoreAnimation-06-CAKeyframeAnimation
  8. IOS之--UI进阶--多控制器管理第一天
  9. 苹果Mac隐藏壁纸在哪里?Mac隐藏壁纸查找教程
  10. OOD沉思录 --- 类和对象的关系 --- 包含关系1