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. NET 并发编程

    场景并发调用API 1.简单封装httpclient public class CommonHelper { private static readonly HttpClient _httpClien ...

  2. lazy evaluation and deferring a computation await promise async

    Promise - JavaScript | MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_ ...

  3. 20170319 ABAP 生成XML文件

    方法一:ABAP 使用method方式操作XML 转自:http://www.cnblogs.com/jiangzhengjun/p/4265595.html 方法二:STRANS 转换工具;使用st ...

  4. HTML5 实现文件拖放上传

    1. [图片] 5375acf5gw1dusqsscfksj.jpg ​2. [代码][HTML]代码 <!DOCTYPE html><html lang="en" ...

  5. html5--5-12 渐变色

    html5--5-12 渐变色 学习要点 掌握渐变色的绘制方法 渐变色绘制方法 createLinearGradient() 创建线性渐变 createLinearGradient(x1,y1,x2, ...

  6. SQL server 备份/恢复/压缩 进度查询

    第一步,用 sp_who2 查出备份的sid(或在窗口中的连接属性中看) exec sp_who2 第二步,用以下查询获得运行情况(看 percent_complete列) SELECT sessio ...

  7. 【转载】malloc和new

    1.malloc与free是C++/C语言的标准库函数,new/delete是C++的运算符.它们都可用于申请动态内存和释放内存2.对于非内部数据类型的对象而言,光用maloc/free无法满足动态对 ...

  8. 51Nod - 1304 :字符串的相似度 (裸的扩展KMP)

    我们定义2个字符串的相似度等于两个串的相同前缀的长度.例如 "abc" 同 "abd" 的相似度为2,"aaa" 同 "aaab& ...

  9. pcieport 0000:00:1c.5: PCIe Bus Error

    进入Linux系统 root身份 编辑/etc/default/grub GRUB_CMDLINE_LINUX_DEFAULT="quiet" 将quiet改为 pci=nomsi ...

  10. HDU2602(01背包)

    Bone Collector Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)To ...