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) {

<!-- &amp;&amp;等价于&& -->
param = !param ? {} : param; //!param ,表示param为空为null为undefined才为true;一句话!param当param没值时为true

if (!param.pk_id &amp;&amp; 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个转义符: &lt; &gt;&amp; &quot; &apos;

&lt;

<

小于号

&gt;

>

大于号

&amp;

&

&apos;

单引号

&quot;

"

双引号

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的更多相关文章

  1. CSS控制XML与通过js解析xml然后通过html显示xml中的数据

    使用CSS控制XML的显示 book.css bookname{ display:block;color:Red} author{ display:block;font-style:italic} p ...

  2. 长安铃木经销商爬取(解析xml、post提交、python中使用js代码)

    1.通过火狐浏览器,查找大长安铃木官网中关于经销商的信息主要在两个网页中 http://www.changansuzuki.com/khfw/xml/pro.xml  地域信息 http://www. ...

  3. web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示

    这个可以说是很多初学Springmvc的人都会碰到一个令人头痛的问题 那就是为什么我配置好web.xml中的dispatchservlet后,js,css,甚至gif都不能正常显示了 我们来看看我们配 ...

  4. html或者jsp页面引用jar包中的js文件

    一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进 ...

  5. Tomcat web.xml中定义了文件扩展名到MIME类型的对应关系

    Tomcat在返回静态资源时,会根据资源文件的扩展名产生对应的content-type头(也即MIME类型)添加到response header中. 在Tomcat的web.xml规定了扩展名及相应M ...

  6. Magento中调用JS文件的几种方法

    一.全局调用方法: 通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法. 文件路径:/app/design/frontend/default/Your_T ...

  7. 在jsp中选中checkbox后 将该记录的多个数据获取,然后传到Action类中进行后台处理 双主键情况下 *.hbm.xml中的写法

    在jsp中选中checkbox后 将该记录的多个数据获取,然后传到Action类中进行后台处理 双主键情况下 *.hbm.xml中的写法   ==========方法1: --------1. 选相应 ...

  8. Ajax实现xml文件数据插入数据库(一)--- 构建解析xml文件的js库

    Ajax实现将xml文件数据插入数据库的过程所涉及到的内容比较多,所以对于该过程的讲解本人打算根据交互的过程将其分为三个部分,第一部分为构建解析xml文件的javascript库,第二部分为ajax与 ...

  9. 前端双引号单引号,正则反向引用,js比较jq

    1.js,jq,css,html属性必须双,如果同时出现需要嵌套使用,属性的规范是双但是也可以用单测试有效 单引号现象举例:jq中获取元素标签是单引号:$('input').click:弹出也是单引号 ...

随机推荐

  1. 九度OJ 1133:学分绩点 (加权平均数)

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:1333 解决:702 题目描述: 北京大学对本科生的成绩施行平均学分绩点制(GPA).既将学生的实际考分根据不同的学科的不同学分按一定的公式 ...

  2. Pipeline inbound(netty源码7)

    netty源码死磕7  Pipeline 入站流程详解 1. Pipeline的入站流程 在讲解入站处理流程前,先脑补和铺垫一下两个知识点: (1)如何向Pipeline添加一个Handler节点 ( ...

  3. python自动化运维八:Ansible

    Ansible是新出现的自动化运维工具,基于Python研发.糅合了众多老牌运维工具的优点实现了批量操作系统配置.批量程序的部署.批量运行命令等功能.仅需在管理工作站上安装ansible程序配置被管控 ...

  4. vim学习之以退为进——可反复移动和可反复改动的美妙结合

    时间:2014.06.29 地点:基地 -------------------------------------------------------------------------------- ...

  5. 有待总结的KMP算法 sdut oj 2463 学密码学一定得学程序

    学密码学一定得学程序 Time Limit: 1000ms   Memory limit: 65536K  有疑问?点这里^_^ 题目描述 曾经,ZYJ同学非常喜欢密码 学.有一天,他发现了一个很长很 ...

  6. hdu1052 田忌赛马 —— 贪心

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1052 错误代码: #include<stdio.h>//田忌赛马,错误版 #include ...

  7. socket技术与负载均衡

    网络编程 Nginx1.9之前使用 Lvs  Haproxy 实现四层反向和负载均衡 Lvs可以i应用到所有负载均衡的功能 数据库 web服务等 四层负载均衡,根据连接进行保存. 断开,连接.进行轮训 ...

  8. HTML页面下雪特效

    1. [代码][HTML]代码     <a  href="javascript:void(function(){var d = document,a = 'setAttribute' ...

  9. Linux 修改所属组与所属人

    1.chown work /test/* 修改test文件夹下所有文件的所属人(owner)为work 2.chgrp work /test/* 修改test文件夹下所有文件的所属组(group)为w ...

  10. 乐曲主题Musical Themes

    SA例题 题面 对于串 \(S\) 的两个子串 \(A\) 和 \(B\) ,满足 \(k = |A| = |B|\),\(\exists c \forall i\, a_i + c=b_i\),且 ...