1. //动态添加物流锁的IEMI列表.
  2. function createLi() {
  3. var r = '<s:property value="#session.locks"/>';
  4. if (!r)
  5. return;
  6. //部门名称.
  7. var department = document.getElementById('department');
  8. var departmentName = '<s:property value="#session.departmentName"/>';
  9. department.innerHTML = '<h3>' + departmentName + '</h3>';
  10. //IEMI列表.
  11. var IEMEArr = JSON.parse(r);
  12. for ( var i = 0; i < IEMEArr.length; i++) {
  13. //IEMI项.
  14. var li = document.createElement("li");
  15. var lockIMEI = IEMEArr[i];
  16. li.innerHTML = "<a>" + lockIMEI + "</a>";
  17. li.className = 'sliderTag';
  18. //添加IEMI.
  19. var ul = document.getElementById("sliderNav");
  20. ul.appendChild(li);
  21. }
  22.  
  23. }
  24. //点击锁编号时,执行ajax请求.
  25. function lock_request() {
  26. //对id为'sliderNav'的ul中的li执行操作.
  27. $("#sliderNav li").click(function() {
  28. var idx = $(this).index();
  29. //第一个li为'单位名,不操作.
  30. if(0 === idx)
  31. return;
  32. var params = {
  33. lockIMEI : $(this).text()
  34. };
  35. $.ajax({
  36. type : "POST",
  37. cache: false,
  38. async :true,
  39. //当struts.xml文件的配置中package的namespace不为'/'时('sys_v27'为项目名).
  40. url : "/sys_v27/locks/Lock_queryMapByAttSuccess",
  41. data : params,
  42. dataType : "text", //json格式对于map的json格式竟然不起作用(IE10).
  43. //contentType: "application/x-www-form-urlencoded; charset=utf-8",
  44. success : function(json) {
  45. var obj = $.parseJSON(json); //使用这个方法解析json
  46. var lockJson = obj.result; //result是和action中定义的result变量的get方法对应的
  47. addMarker(lockJson);
  48.  
  49. },
  50. error : function(json) {
  51. handle_err(json);
  52. return false;
  53. }
  54. });
  55. });
  56. }
  57.  
  58. //自动加载js的函数.
  59. function addLoadEvent(func) {
  60. var oldonload = window.onload;
  61. if (typeof window.onload != 'function') {
  62. window.onload = func;
  63. } else {
  64. window.onload = function() {
  65. oldonload();
  66. func();
  67. };
  68. }
  69. }
  70. //--自动加载.
  71. addLoadEvent(new Function("mapInit();"));
  72. addLoadEvent(new Function("createLi();"));
  73. addLoadEvent(new Function("lock_request();"));

  使用自定义js函数:addLoadEvent, 可以多次指定'自动执行'的js函数. 本例中, 指定加载'地图', 即mapInit() 函数, 自动加载'物流车'列表, 注册ajax请求:当点击物流锁的li时,请求对应的详细信息.

js - 多个函数动态加载的更多相关文章

  1. 为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件

    为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...

  2. js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样 ...

  3. [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

    页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...

  4. js与jquery的动态加载脚本文件

    jquery动态加载 jQuery.getScript(url,[callback]) js动态加载 function loadJs(name) { document.write('<scrip ...

  5. js实现滚动条来动态加载数据

    主要angular2+es6 data:Array<any> //展示的数据 allData:Array<any> //全部的数据 size:number = 10 //每次动 ...

  6. JS js与css的动态加载

    http://www.cnblogs.com/zhuimengdeyuanyuan/archive/2013/03/06/2946277.html

  7. 动态加载JS脚本

    建立dynamic.js文件,表示动态加载的js文件,里面的内容为: function dynamicJS() { alert("加载完毕"); } 如下方法中的html页面和dy ...

  8. js实用方法记录-js动态加载css、js脚本文件

    js实用方法记录-动态加载css/js 附送一个加载iframe,h5打开app代码 1. 动态加载js文件到head标签并执行回调 方法调用:dynamicLoadJs('http://www.yi ...

  9. 动态加载js css 插件

    简介 动态加载js,css在现在以及将来肯定是很重要的.目前来看前端代码编写的业务量已经远远超过后端编写的.随着对用户体验度逐渐增强,前端业务复杂,加载速度变得很慢很慢.为了解决这个问题,目前出现的两 ...

随机推荐

  1. WordPress RokStories插件‘thumb.php’多个安全漏洞

    漏洞名称: WordPress RokStories插件‘thumb.php’多个安全漏洞 CNNVD编号: CNNVD-201309-438 发布时间: 2013-09-26 更新时间: 2013- ...

  2. Using Nini .NET Configuration Library

    Using Nini .NET Configuration Library Tweet When developing a desktop application, there will be tim ...

  3. linux debug (DOS模拟器,模拟debug)

    最近学习王爽那本<汇编语言>,但其实验均为windows环境,需要用到dos.但最为一个unixer,岂能在windows下开发?所以,要用linux下的工具. 汇编器masm可以用gcc ...

  4. HTC仅限拨打紧急电话

    问题描述: 我手上有台 HTC One V 没碰没撞,突然打不出电话,信号上显示一个叉,屏幕上显示“仅限拨打紧急电话” 解决办法:经百度,原来很多HTC机子都有这种情况,幸好不是硬件坏了,只需按以下步 ...

  5. python-面向对象(三)——类的特殊成员

    类的特殊成员 1. __doc__     表示类的描述信息 class Foo: """ 描述类信息,这是用于看片的神奇 """ def ...

  6. phpDesigner 7.2.5 注册码 更改 语法高亮 主题

    注册码: 用户名:www.xiazaiba.com 序列号:43AB0D432A29EE238CCE0F884D84D8A18498498E98298A98568AD05A0B40 验证码:7S2FF ...

  7. Android Fragment 多标签应用

    1.使用Fragment 可以方便的替代TabActivity.ViewGroup 2.同时也省去了在AndroidManifest.xml文件中 添加相应的Activity 3.Fragment 是 ...

  8. C程序设计语言--宏定义

    C语言中的宏定义 C语言中的宏定义也叫做预处理命令,预处理命令是C语言本身的组成部分,不能直接对它们进行编译. 1.基本概念: 1>预处理不是C语句,是在编译前进行的 2>预处理功能主要用 ...

  9. C#.net 创建XML

    方法一:按照XML的结构一步一步的构建XML文档.    通过.Net FrameWork SDK中的命名空间"System.Xml"中封装的各种类来实现的 方法二:直接定影XML ...

  10. Zend Framework 2参考Zend\Authentication(HTTP认证适配器)

    Zend Framework 2参考Zend\Authentication(HTTP认证适配器) 介绍 Zend\Authentication\Adapter\Http提供了RFC-2617, Bas ...