Ext Js------地址栏传参小计

今天最主要的就是实现了通过在地址栏动态传入参数
加载相应的controller，下面就记录下这个过程，以
免以后大脑跟不上节奏忘记了

做Ext Js也有一段时间了，里面的一些逻辑关系我还
是迷迷糊糊，也趁今天梳理梳理，就举个简单的例子

例如：有一个html页面叫做a.html,那么在运行这个页
面的时候，我们要加载它对应的a.js,这里就是整个js
的入口了，在a.js中我们可以定义之后需要用到的基本
方法

在地址栏动态传参的实现中就有很重要的方法 我们一
般把它定义为QueryString，在这里，用location.href
获取到地址栏里的全部路径，它应该是这个格式
http://localhost:8090/.../a.html?Id=1
再通过"?" "="等特殊字符进行字符串的切割，截取到
我们需要判断的值 即Id=1

这样一来获取参数的方法就有了，后面就可以直接调用
var query = new QueryString();
var id = query["Id"];

这里的id就是用户在地址栏输入的id值
拿到了值，要怎么处置就看具体的需求了

那么这个方法应该在什么时候调用呢，刚才说到了，我
们有一个a.js，它是我们所有JS代码的入口，所以我们
要在a.js的application当中，指定首先要执行的
controller 和要渲染的界面，然后在这个controller中
调用QueryString方法
var query = new QueryString();
var id = query["Id"];
switch (id ) {
case ‘1‘:
......
break;
case ‘2‘:
......
break;
case ‘3‘:
......
break;
}
后面的事情就可以继续下去了，内容不多，也很简单，
，记录在这里，主要是怕自己忘记，复述出来也会记得
更牢固，路漫漫其修远兮，吾将上下左右东西南北而求
索~~~~Over

时间： 2024-10-18 23:55:05

Ext Js------地址栏传参小计的相关文章

关于在地址栏传参乱码问题

想必大家都有过在地址栏传参的经历,这就会出现传中文乱码的问题,让大家头痛不已,下面就是解决这一问题的好方法. function getArgs(strParame) { var args = new Object(); var query = location.search.substring(1); // Get query string var pairs = query.split("&"); // Break at ampersand for ( var i = 0;

js SetTimeout传参问题

今天写代码遇到这样一个问题,先上代码 1 <!--JS方法--> 2 function textout(obj){ 3 if(opac==60){opac=0;return;}; 4 opac+=10; 5 if(document.all){ 6 obj.style.filter="alpha(opacity="+opac+")"; 7 } 8 else {obj.style.opacity=(opac/100);} 9 setTimeout('text

php如何向js函数传参的几种方法

在php编程中向js函数传参可以使用$_POST也可使用$_SESSION[' '],也可用echo语句进行输出 <?php echo "<script>test('$_POST[userid]');</script> ";?>在上面的$_POST['']也可适用$_SESSION[' '];<?php $para = "hello boby!"; echo $para; // www.jbxue.comecho "

地址栏传参不安全的解决方案

地址栏传递参数,比如    ?uid=45   那么,用户就可以修改45位其他值,就会获取到其他的信息.很不安全: 解决方案方法:    可逆加密 + GUID + cookie 单纯的加密,比如  要传45这个参数,加密成了  abcd(假如),但是人家只要看到abcd,那个之后别人想看45的信息,输入abcd参数即可.还是有安全隐患: 可行方案浏览器在需要的地方(或者登陆的时候就行),生成一个全球唯一标示GUID,之后存在 cookie里面.那么在需要传递参数的地方,把这个GUID从cook

JS函数传参实例应用：多组图片切换实例

之前的博客有一个图片切换的例子,实现了简单轮播图的点击切换的案例,今天就说一下多组轮播切换,前提是布局差不多,通过函数传参的形式减少代码应用,但是同时还能实现效果.先来看一下之前那个例子的实现图片: 那么今天我来实现两组这样的图片切换,通过传参数来实现,这样分可以减少js代码: <div class="box" id="pic1"> <img src="" /> <span>数量正在加载中--</span

js构造函数传参

1.直接传参并用this关键字初始化属性 function Person(name,age,learn){ this.name = name; this.age = age; this.learn = learn || false; } Person.prototype.isWork=false; Person.prototype.work=function(){ this.isWork=true; }; Person.prototype.unwork = function(){ this.is

EL表达式在Js的传参问题

在js函数如下所示 function amz(index,logisticsId) { document.getElementById("index").value = index; document.getElementById("currentLogisticsId").value = logisticsId; } 页面为: <button class="btn btn-primary" onclick="amz(${stat

用js来传参到父网页实现

今天搞了半天,用location.href提交参数到后台,结果php无法接收到参数,这让我找了半天,终于发现原因是本页被另外的主页引用了,最终发现问题出在提交js上,最终用parent.location.href='url';解决了问题. parent.location.href  //跳转到当前面的父路径 location.href //跳转到当前页

js get 传参 汉字 乱码问题

js encodeURI(encodeURI(searchWord)) java URLDecoder.decode(searchWord,"utf-8")