博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JSF中使用jquery拦截ajax请求
阅读量:7121 次
发布时间:2019-06-28

本文共 797 字,大约阅读时间需要 2 分钟。

   jsf提供一个内置的jsf.ajax.request方法给我们使用,如果在jquery中使用,则需要做一些更改。

   此处因为使用jquery,所以可以不必在控件中添加onclick方法了,可以给控件配置一个id,然后让其在jquery中绑定控件的点击事件,示例性代码如下:

  

1 $("#favoriteBtn").on("click",function(event){ 2     jsf.ajax.request(event.target,event,{ 3         execute:'favoriteBtn', 4         onevent:function(data){ 5         if(data.status=="success"){ 6               alert("收藏成功!") 7             } 8         }, 9         onerror:function(data){10                 alert('收藏失败!');11             }12         });13         event.preventDefault();14     });15 });

 

在第二行中,本应该是配置该点击控件的id的,结果发现配置id后,点击事件之后会再次提交表单,改成event.target就没有问题了。其次在第13行中使用了event.preventDefault()方法来阻止表单提交,在原js中是可以返回一个false来阻止提交的,但是这个方法在firefox中没有作用,return false只在chrome和IE浏览器下才会起效。

转载于:https://www.cnblogs.com/bigbang92/p/jsf-jquery-ajax.html

你可能感兴趣的文章
常用的js排序算法
查看>>
Linux安装JDK
查看>>
NJ4X源码阅读分析笔记系列(二)—— nj4x-ts初步分析
查看>>
前端笔记(四) ES6常用语法
查看>>
Babel 快速入门
查看>>
kube-scheduler的代码逻辑和二次开发
查看>>
数据结构与算法(动态规划与贪婪算法) --javascript语言描述
查看>>
【360天】我爱刷题系列119(2018.01.31)
查看>>
netty
查看>>
【JavaScript 基础知识】一篇关于 JavaScript 一些知识点的总结 —— 持续更新
查看>>
你需要知道的 webpack 配置
查看>>
Android技术提升
查看>>
bind, apply, call
查看>>
Servlet 3.0 异步处理详解
查看>>
动画机制总结
查看>>
长长的望远镜
查看>>
在给予react的ANTD中如何改变某些固定项?
查看>>
慕课网_《使用Google Guice实现依赖注入》学习总结
查看>>
Calendar工具类对跨年的星期的处理个人总结
查看>>
云计算和DevOps那点事
查看>>