<script>
$(document).ready(function()
{
//绑定click
$(".exchange_ecv").bind("click", function()
{
var p=$(this).attr("name");
var types=$(this).attr("type");
var tid=$(this).next().attr("id");
if(types=="0"){
var m=100000;
}else if(types=="1"){
var m=500000;
}else if(types=="2"){
var m=1000000;
}
document.getElementById('lightqd').style.display='block';
document.getElementById('fade').style.display='block';
//第二次绑定click 会出现多次click现象
$("#qd").bind("click",function()
{
exchange_ecv(p,tid,m,types);
document.getElementById('lightqd').style.display='none';
document.getElementById('fade').style.display='none';
$("#qd").unbind("click"); //去除多次click
});
}); //ajax提交
function exchange_ecv(p,tid,m,types){
var query = new Object();
if({$user_id}>0){
query.id={$user_id};
query.prize=p;
query.types=types;
}else{
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'
ajax_login();
return false;
} $.ajax({
async:false,
url:'{url x="index" r="new_year_prize#exchange_ecv"}',
type:"POST",
data:query,
dataType:"json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success:function(result){
if(result.status==2){//还没登录
ajax_login();
return false;
}else if(result.status==1){ //兑换成功
$("#msg").html(result.msg);
}else if(result.status==3){ //已经兑换过
$("#msg").html(result.msg);
}else{ //其它状态
$("#msg").html(result.msg);
}
}
}); } //拆红包
$("#open_ecv").click(function()
{
open_ecv();
});
function open_ecv()
{
var query =new Object();
if({$user_id}>0){
query.id={$user_id};
}else{
ajax_login();
return false;
}
$.ajax({
async:false,
url:'{url x="index" r="new_year_prize#open_ecv"}',
type:"POST",
data:query,
dataType:"json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success:function(result)
{
if(result.status==2)
{
ajax_login();
return false;
}else if(result.status==1)
{
// $.showSuccess(result.msg);
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
$("#msg").html(result.msg);
}else
{
// $.showErr(result.msg)
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
$("#msg").html(result.msg);
}
} });
} }) </script>

多次绑定click及ajax提交常用方法的更多相关文章

  1. jquery的ajax提交后,会跳转页面

    今天在写代码的时候,遇到一个很奇怪的问题,一个form表单,用的是ajax的方式提交.结果,在服务器端php中,使用exit(),函数后都不能停止,并且继续跳转到本页.请求如下: 第一个请求中,其实我 ...

  2. ajax提交完表单数据依然跳转的解决办法

    1. 既然ajax提交数据,就把表单里面submit按钮换掉,因为触发submit他就会跳转页面 提交的时候他会先触发ajax 再触发submit的提交 2.如果确定了表单没有submit,那么把提交 ...

  3. Ajax提交进度显示实例

    概述:ajax提交比较大的文件的时候,我们希望能够看到它上传的进度,代码放下面了. <!DOCTYPE html> <html> <head> <meta c ...

  4. 关于ajax提交表单的一些实例及遇到的问题和解决办法

    ajax提交的表单有两种情况: 第一种:input type类型没有file上传文件类型的表单 第二种:input type类型有file上传文件类型的表单 之所以分为两种:是因为原生ajax是不能提 ...

  5. 【ajax 提交表单】多种方式的注意事项

    在业务中,可能因为表单内容过于庞大,字段过于繁杂,如果人为去拼接的话 ,需要耗费大量的时间和精力,与此同时,代码看上去也是冗余不堪. 所以,提交表单的时候如果能整个表单数据整体提交,那是非常开心的事情 ...

  6. 验证控件,解决用于ajax提交前的验证,不是submit提交的验证

    //解决ajax提交前的验证问题,主要用于onclick事件时对某一区域中(可以是form,div,table中的等)控件的验证.(function ($) { var v; //Create a n ...

  7. 用ajax提交form表单及乱码问题

    要求 1. form里是习题和选择的答案包含内容较多,直接用ajax获取页面元素较多,麻烦. 2. 也不能直接用form提交,form提交后会跳转页面,如果出错想在本页面获取错误信息(ajax提交)且 ...

  8. SpringMVC的Ajax提交

    这种类型的提交, 必须配合 multipartResolver, $("button:submit").click(function(){ $.ajax({ type : 'POS ...

  9. Validator验证Ajax提交表单的方法

    Validator验证Ajax提交表单的方法 转自:http://hunanpengdake.iteye.com/blog/1671360 当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form ...

随机推荐

  1. java相关的路径获取 (转载 http://tomfish88.iteye.com/blog/971255)

    在jsp和class文件中调用的相对路径不同.在jsp里,根目录是WebRoot 在class文件中,根目录是WebRoot/WEB-INF/classes 当然你也可以用System.getProp ...

  2. 自定义控件(视图)2期笔记05:自定义控件之继承自View(滑动开关)

    1.  开关按钮点击效果,如下: 2. 继承已有View实现自定义View 3. 下面通过一个案例实现滑动开关的案例: (1)新建一个新的Android工程,命名为" 开关按钮", ...

  3. 人工智能2:智能Agent

    一.Agent基本定义 基于理性行为的Agent是本书人工智能方法的核心.Agent由传感器.执行器两个重要元件组成,具有与环境交互的能力,其能力是通过分析感知序列,经过Agent函数映射到相应的行动 ...

  4. 根据goodsId获得相关商品的列表

    List<Goods> goodsList = goodsDetailService.getGoodsListByproductId(productId); for (Goods good ...

  5. nyoj 76

    #include <iostream> using namespace std; int main() { int i,t,n; int a[101]; cin>>t; whi ...

  6. java SSH整合配置

    web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version="3 ...

  7. Dreamweaver管理Svn控制器内容

    一直以来很多人使用Dreamweaver来写css和xhtml.同时如果是应用于一个多人开发的项目的时候大家会使用svn或cvs来做版本控制的工作.但是可惜的是没有听说 Dreamweaver可以与版 ...

  8. __dopostback的用法 . 编辑

    在.NET中,所有的服务器控件提交到服务器的时候,都会调用__doPostBack这个函数,所以灵活运用这个函数对于我们的帮助还是很大的. 比如,在我们写程序的时候经常会需要动态的生成一些控件,最简单 ...

  9. html5的Canvas

    Canvas一般是指画布,最近对用html5写游戏比较感兴趣,所以简单的用了一下Canvas. 之前接触Canvas是在silverlight和wpf上用到过他,在silverlight上Canvas ...

  10. Spring.net--很棒的事务处理

    1--Case 比如t_Order订单表1,t_OrderDetail订单明细表2 下一张订单会往表1插入一条数据,表2会插入多行数据 使用Spring.net事务管理 例如 ---Order---订 ...