xml中运用js和jq
1.点击事件参数为this
一般<a>标签中会使用href和onclick两种方式来进行进行页面跳转或执行动作,但是小编一般都会使用onclick来进行执行Ajax函数进行跳转,并同时使用onclick="xxxxxx(this)"来传递动态参数:例子如下
JSP代码如下:
<a href="javascript:void(0);" onclick="xxxx(this)" userId=${userId}>${userName}></a>
Js代码如下:
function xxxx(obj) {
var thisObj=${obj};
var userId=thsiObj.attr("userId");
alert(userId);
}
一般会将href写为“javascript:void(0)” 而不是“#”,因为可以防止不必要的页面跳动;
而this指的就是a标签这个对象
2.一个点击事件绑定多个函数,用分号隔开,还可以定义变量,变量可以用于函数中;函数参数可以是json对象
onclick="initRowView({btnObj:this});var row = $('#sys_row').val();showViewZxPage({pk_id:$('#fk_yw_id_' + row).val(),djlx:$('#djlx_' + row).val(),sys_sjbj:$('#sys_sjbj_' + row).val(), tabindex:'01'})"/>
3.三目运算:!param当param没值时为true
//异常报告查看
function showViewYcHdbg(param) {
<!-- &&等价于&& -->
param = !param ? {} : param; //!param ,表示param为空为null为undefined才为true;一句话!param当param没值时为true
if (!param.pk_id && initRowView(param) == false) {
alert("暂无异常核对报告!");
return;
}
4.//当一个变量可能有几个不同的数据来源时,可以采用||判断
//$("#pk_id").val() ,取得是list-bean中name为pk_id的code值
param.pk_id = param.pk_id || $("#pk_id").val();
5.XML有5个转义符: < >& " '
|
< |
< |
小于号 |
|
> |
> |
大于号 |
|
& |
& |
和 |
|
' |
’ |
单引号 |
|
" |
" |
双引号 |
6.页面跳转
window.location.href="http://www.jb51.net"; //在同当前窗口中打开窗口
window.open("http://www.jb51.net"); //在另外新建窗口中打开窗口
window.history.back(-1); 返回
7.JS中的!=、== 、!==、===的用法和区别。其实就是一句话,==比较字面值,===还比较字面值和类型
var num = 1;
var str = '1';
var test = 1;
test == num //true 相同类型 相同值
test === num //true 相同类型 相同值
test !== num //false test与num类型相同,其值也相同, 非运算肯定是false
num == str //true 把str转换为数字,检查其是否相等。
num != str //false == 的 非运算
num === str //false 类型不同,直接返回false
num !== str //true num 与 str类型不同 意味着其两者不等 非运算自然是true啦
8.ajax请求
doAjaxMgr({method:"op_check_bg", model_:model ,pkid: pkid },
function(obj) {
if("false"==obj.data.flag){
bcheck = false;
}
msg = obj.data.msg;
},false
);
if(bcheck == false){
alert(msg);
}
return bcheck ;
}
这里的ajax中的method:"op_check_bg",对应mgr_ajax.xml中的act,执行了shjzCheckSfzManager类的checkBgRecord方法
<form name="form" act="op_check_bg" manager="shjzCheckSfzManager" command="checkBgRecord"></form>
对应的spring配置文件
<bean id="shjzCheckSfzManager" class="jap.shjz.manager.ShjzCheckSfzManager" scope="prototype" />
checkBgRecord(ServiceData sdata)中的方法
finally {
String responeMessage = "{success:'true', pkid:'', message:'ok', data:{msg:'" + msg + "',flag:'" + flag + "'}}";
//这个就是ajax请求的回调函数的结果集obj
sdata.setResponseBody(responeMessage);
}
xml中运用js和jq的更多相关文章
- CSS控制XML与通过js解析xml然后通过html显示xml中的数据
使用CSS控制XML的显示 book.css bookname{ display:block;color:Red} author{ display:block;font-style:italic} p ...
- 长安铃木经销商爬取(解析xml、post提交、python中使用js代码)
1.通过火狐浏览器,查找大长安铃木官网中关于经销商的信息主要在两个网页中 http://www.changansuzuki.com/khfw/xml/pro.xml 地域信息 http://www. ...
- web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示
这个可以说是很多初学Springmvc的人都会碰到一个令人头痛的问题 那就是为什么我配置好web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示了 我们来看看我们配 ...
- html或者jsp页面引用jar包中的js文件
一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进 ...
- Tomcat web.xml中定义了文件扩展名到MIME类型的对应关系
Tomcat在返回静态资源时,会根据资源文件的扩展名产生对应的content-type头(也即MIME类型)添加到response header中. 在Tomcat的web.xml规定了扩展名及相应M ...
- Magento中调用JS文件的几种方法
一.全局调用方法: 通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法. 文件路径:/app/design/frontend/default/Your_T ...
- 在jsp中选中checkbox后 将该记录的多个数据获取,然后传到Action类中进行后台处理 双主键情况下 *.hbm.xml中的写法
在jsp中选中checkbox后 将该记录的多个数据获取,然后传到Action类中进行后台处理 双主键情况下 *.hbm.xml中的写法 ==========方法1: --------1. 选相应 ...
- Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库
Ajax实现将xml文件数据插入数据库的过程所涉及到的内容比较多,所以对于该过程的讲解本人打算根据交互的过程将其分为三个部分,第一部分为构建解析xml文件的javascript库,第二部分为ajax与 ...
- 前端双引号单引号,正则反向引用,js比较jq
1.js,jq,css,html属性必须双,如果同时出现需要嵌套使用,属性的规范是双但是也可以用单测试有效 单引号现象举例:jq中获取元素标签是单引号:$('input').click:弹出也是单引号 ...
随机推荐
- Red Black Tree 红黑树 AVL trees 2-3 trees 2-3-4 trees B-trees Red-black trees Balanced search tree 平衡搜索树
小结: 1.红黑树:典型的用途是实现关联数组 2.旋转 当我们在对红黑树进行插入和删除等操作时,对树做了修改,那么可能会违背红黑树的性质.为了保持红黑树的性质,我们可以通过对树进行旋转,即修改树中某些 ...
- Kotlin基本语法笔记之函数、变量的定义及null检测
定义函数 fun sum(a: Int, b: Int): Int { return a + b } 该函数中两个参数的类型都是Int,返回类型是Int 也可以做如下简化 fun sum(a: Int ...
- Raspberry Pi3 ~ 安装 nfs Server
l 安装必要服务: sudo apt-get install portmap sudo apt-get install nfs-kernel-server sudo apt ...
- YII好的博客
http://blog.csdn.net/wzllai/article/details/7659008
- hdu-5358 First One(尺取法)
题目链接: First One Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Other ...
- 自适应布局all样式
/*css document*/@charset "utf-8"*{-webkit-tap-highlight-color:rgba(0,0,0,0); padding:0; ma ...
- SPOJ Find the max XOR value(二进制,贪心即可)
You have two integers L and R, and you are required to find the max xor value of a and b where L < ...
- 关闭页面,window.onunload事件未执行的原因
1.问题描述: JS中定义widow.onunload= function(),页面关闭时,logout()函数未执行. window.onunload = function() { logout() ...
- Java并发实现线程阻塞原语LockSupport
LockSupport 和 CAS 是Java并发包中很多并发工具控制机制的基础,它们底层其实都是依赖Unsafe实现.LockSupport是用来创建锁和其他同步类的基本线程阻塞原语. 1.Lock ...
- bzoj4247挂饰——DP
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4247 就是01背包: 把挂钩数限制在n以内,因为不需要更多,而这会带来一些问题,就是有很多挂 ...