首页 > Web开发 > 详细

JSF中使用jquery拦截ajax请求

时间:2015-03-27 14:40:55      阅读:329      评论:0      收藏:0      [点我收藏+]

   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浏览器下才会起效。

JSF中使用jquery拦截ajax请求

原文:http://www.cnblogs.com/bigbang92/p/jsf-jquery-ajax.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!