js - 多个函数动态加载
- //动态添加物流锁的IEMI列表.
- function createLi() {
- var r = '<s:property value="#session.locks"/>';
- if (!r)
- return;
- //部门名称.
- var department = document.getElementById('department');
- var departmentName = '<s:property value="#session.departmentName"/>';
- department.innerHTML = '<h3>' + departmentName + '</h3>';
- //IEMI列表.
- var IEMEArr = JSON.parse(r);
- for ( var i = 0; i < IEMEArr.length; i++) {
- //IEMI项.
- var li = document.createElement("li");
- var lockIMEI = IEMEArr[i];
- li.innerHTML = "<a>" + lockIMEI + "</a>";
- li.className = 'sliderTag';
- //添加IEMI.
- var ul = document.getElementById("sliderNav");
- ul.appendChild(li);
- }
- }
- //点击锁编号时,执行ajax请求.
- function lock_request() {
- //对id为'sliderNav'的ul中的li执行操作.
- $("#sliderNav li").click(function() {
- var idx = $(this).index();
- //第一个li为'单位名,不操作.
- if(0 === idx)
- return;
- var params = {
- lockIMEI : $(this).text()
- };
- $.ajax({
- type : "POST",
- cache: false,
- async :true,
- //当struts.xml文件的配置中package的namespace不为'/'时('sys_v27'为项目名).
- url : "/sys_v27/locks/Lock_queryMapByAttSuccess",
- data : params,
- dataType : "text", //json格式对于map的json格式竟然不起作用(IE10).
- //contentType: "application/x-www-form-urlencoded; charset=utf-8",
- success : function(json) {
- var obj = $.parseJSON(json); //使用这个方法解析json
- var lockJson = obj.result; //result是和action中定义的result变量的get方法对应的
- addMarker(lockJson);
- },
- error : function(json) {
- handle_err(json);
- return false;
- }
- });
- });
- }
- //自动加载js的函数.
- function addLoadEvent(func) {
- var oldonload = window.onload;
- if (typeof window.onload != 'function') {
- window.onload = func;
- } else {
- window.onload = function() {
- oldonload();
- func();
- };
- }
- }
- //--自动加载.
- addLoadEvent(new Function("mapInit();"));
- addLoadEvent(new Function("createLi();"));
- addLoadEvent(new Function("lock_request();"));
使用自定义js函数:addLoadEvent, 可以多次指定'自动执行'的js函数. 本例中, 指定加载'地图', 即mapInit() 函数, 自动加载'物流车'列表, 注册ajax请求:当点击物流锁的li时,请求对应的详细信息.
js - 多个函数动态加载的更多相关文章
- 为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件
为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样 ...
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...
- js与jquery的动态加载脚本文件
jquery动态加载 jQuery.getScript(url,[callback]) js动态加载 function loadJs(name) { document.write('<scrip ...
- js实现滚动条来动态加载数据
主要angular2+es6 data:Array<any> //展示的数据 allData:Array<any> //全部的数据 size:number = 10 //每次动 ...
- JS js与css的动态加载
http://www.cnblogs.com/zhuimengdeyuanyuan/archive/2013/03/06/2946277.html
- 动态加载JS脚本
建立dynamic.js文件,表示动态加载的js文件,里面的内容为: function dynamicJS() { alert("加载完毕"); } 如下方法中的html页面和dy ...
- js实用方法记录-js动态加载css、js脚本文件
js实用方法记录-动态加载css/js 附送一个加载iframe,h5打开app代码 1. 动态加载js文件到head标签并执行回调 方法调用:dynamicLoadJs('http://www.yi ...
- 动态加载js css 插件
简介 动态加载js,css在现在以及将来肯定是很重要的.目前来看前端代码编写的业务量已经远远超过后端编写的.随着对用户体验度逐渐增强,前端业务复杂,加载速度变得很慢很慢.为了解决这个问题,目前出现的两 ...
随机推荐
- WordPress RokStories插件‘thumb.php’多个安全漏洞
漏洞名称: WordPress RokStories插件‘thumb.php’多个安全漏洞 CNNVD编号: CNNVD-201309-438 发布时间: 2013-09-26 更新时间: 2013- ...
- Using Nini .NET Configuration Library
Using Nini .NET Configuration Library Tweet When developing a desktop application, there will be tim ...
- linux debug (DOS模拟器,模拟debug)
最近学习王爽那本<汇编语言>,但其实验均为windows环境,需要用到dos.但最为一个unixer,岂能在windows下开发?所以,要用linux下的工具. 汇编器masm可以用gcc ...
- HTC仅限拨打紧急电话
问题描述: 我手上有台 HTC One V 没碰没撞,突然打不出电话,信号上显示一个叉,屏幕上显示“仅限拨打紧急电话” 解决办法:经百度,原来很多HTC机子都有这种情况,幸好不是硬件坏了,只需按以下步 ...
- python-面向对象(三)——类的特殊成员
类的特殊成员 1. __doc__ 表示类的描述信息 class Foo: """ 描述类信息,这是用于看片的神奇 """ def ...
- phpDesigner 7.2.5 注册码 更改 语法高亮 主题
注册码: 用户名:www.xiazaiba.com 序列号:43AB0D432A29EE238CCE0F884D84D8A18498498E98298A98568AD05A0B40 验证码:7S2FF ...
- Android Fragment 多标签应用
1.使用Fragment 可以方便的替代TabActivity.ViewGroup 2.同时也省去了在AndroidManifest.xml文件中 添加相应的Activity 3.Fragment 是 ...
- C程序设计语言--宏定义
C语言中的宏定义 C语言中的宏定义也叫做预处理命令,预处理命令是C语言本身的组成部分,不能直接对它们进行编译. 1.基本概念: 1>预处理不是C语句,是在编译前进行的 2>预处理功能主要用 ...
- C#.net 创建XML
方法一:按照XML的结构一步一步的构建XML文档. 通过.Net FrameWork SDK中的命名空间"System.Xml"中封装的各种类来实现的 方法二:直接定影XML ...
- Zend Framework 2参考Zend\Authentication(HTTP认证适配器)
Zend Framework 2参考Zend\Authentication(HTTP认证适配器) 介绍 Zend\Authentication\Adapter\Http提供了RFC-2617, Bas ...