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:弹出也是单引号 ...
随机推荐
- NET 并发编程
场景并发调用API 1.简单封装httpclient public class CommonHelper { private static readonly HttpClient _httpClien ...
- lazy evaluation and deferring a computation await promise async
Promise - JavaScript | MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_ ...
- 20170319 ABAP 生成XML文件
方法一:ABAP 使用method方式操作XML 转自:http://www.cnblogs.com/jiangzhengjun/p/4265595.html 方法二:STRANS 转换工具;使用st ...
- HTML5 实现文件拖放上传
1. [图片] 5375acf5gw1dusqsscfksj.jpg 2. [代码][HTML]代码 <!DOCTYPE html><html lang="en" ...
- html5--5-12 渐变色
html5--5-12 渐变色 学习要点 掌握渐变色的绘制方法 渐变色绘制方法 createLinearGradient() 创建线性渐变 createLinearGradient(x1,y1,x2, ...
- SQL server 备份/恢复/压缩 进度查询
第一步,用 sp_who2 查出备份的sid(或在窗口中的连接属性中看) exec sp_who2 第二步,用以下查询获得运行情况(看 percent_complete列) SELECT sessio ...
- 【转载】malloc和new
1.malloc与free是C++/C语言的标准库函数,new/delete是C++的运算符.它们都可用于申请动态内存和释放内存2.对于非内部数据类型的对象而言,光用maloc/free无法满足动态对 ...
- 51Nod - 1304 :字符串的相似度 (裸的扩展KMP)
我们定义2个字符串的相似度等于两个串的相同前缀的长度.例如 "abc" 同 "abd" 的相似度为2,"aaa" 同 "aaab& ...
- pcieport 0000:00:1c.5: PCIe Bus Error
进入Linux系统 root身份 编辑/etc/default/grub GRUB_CMDLINE_LINUX_DEFAULT="quiet" 将quiet改为 pci=nomsi ...
- HDU2602(01背包)
Bone Collector Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)To ...