保证唯一的一种js提交数据方式,还不错
<div class="project_right">
<div class="project_title_right" id="myright">
<script languange="javascript">
var idlist2 = "sel1,sel2,sel3,sel4,sel5,sel6,sel7";
</script>
<div class="buy_line">
<div class="buy_one_seled" id="sel1" onclick="buy_divsel_switch(this,'1',idlist2)">¥1元</div>
<div class="buy_one_sel" id="sel2" onclick="buy_divsel_switch(this,'2',idlist2)">¥2元</div>
<div class="buy_one_sel" id="sel3" onclick="buy_divsel_switch(this,'5',idlist2)">¥5元</div>
</div> <div class="buy_line">
<div class="buy_one_sel" id="sel4" onclick="buy_divsel_switch(this,'10',idlist2)">¥10元</div>
<div class="buy_one_sel" id="sel5" onclick="buy_divsel_switch(this,'50',idlist2)">¥50元</div>
<div class="buy_one_sel" id="sel6" onclick="buy_divsel_switch(this,'100',idlist2)">¥100元</div>
</div> <div class="buy_line">
<div class="buy_one_sel" id="sel7" onclick="buy_divsel_switch(this,'',idlist2)">其他</div>
<input type="text" name="selmoney" id="selmoney" value="1" maxlength="10" class="buy_one_other_noshow">
</div> <div class="sendArea">
<button class="btn btn-primary" id="btn_tobuy" style="width:90%;height:40px;margin-top:20px;">打赏一下</button>
<div class="shuoshuo">(亲,打赏是没有回报的哟)</div>
</div> </div> <!-- project_title_right end-->
//表单数据
function buy_divsel_switch(obj,setvalue,idlist){
var ids = idlist.split(",");
var f_obj = document.getElementById("selmoney");
for(i=0;i<ids.length;i++){
var tab = document.getElementById(ids[i]);
f_obj.className="buy_one_other_noshow";
if(ids[i]==obj.id){
tab.className = "buy_one_seled";
f_obj.value = setvalue;
}else{
tab.className = "buy_one_sel";
}
if(obj.id=="sel7"){
f_obj.className="buy_one_other";
f_obj.focus();
}
}
}
//选择
<script type="text/javascript">
$(function(){
$("#project_btn_act_favorite").click(function(){
Dialog_addTaskFavorite('ad5vs8016n');
}); $("#btn_tobuy").click(function(){
var pid = "ad5vs8016n";
var ptype = "1006";
var gid = pid+"100000";
buy0(pid,ptype,gid,1,document.getElementById("selmoney").value);
}); popUPDiv("myright","mymark");
$('#collapseOne').collapse('hide');
});
function buy0(pid,ptype,gid,num,money){
if(!isNumber(money)){
alert("");
return;
}
if(confirm("")){
var param = "pid="+pid+"&ptype="+ptype+"&gid="+gid+"&num="+num+"&money="+money;
projectdobuy(param);
return;
}
}
//确认选择
function projectdobuy(params){
var url;
var post;
var dataType;
var param;
url = "/projectcosttodo.html";
post = 'post';
dataType = 'json';
param = params;
$.ajax({
"type":post,
"url": url,
"dataType":dataType,
"data":param,
"success": function(data){
if(data["status"]=="1"){
var param = "ordernum="+data["order_id"]+"&paymoney="+data["pay_money"]+"&pid="+data["p_id"];
ali_pay_submit(param);
}else{
alert(data["msg"]);
}
}
});
}
//ajax确认
//pay
function ali_pay_submit(params){
var url = "/aitaoqian_pay_submit.html?"+params;
location.href = url;
return;
}
这个表单主要是利用session防止重复ajax提交,想法蛮奇特的。网址:http://www.itaoqian.net/
保证唯一的一种js提交数据方式,还不错的更多相关文章
- (转)四种常见的 POST 提交数据方式
四种常见的 POST 提交数据方式(转自:https://imququ.com/post/four-ways-to-post-data-in-http.html) HTTP/1.1 协议规定的 HTT ...
- 四种常见的 POST 提交数据方式(application/x-www-form-urlencoded,multipart/form-data,application/json,text/xml)
四种常见的 POST 提交数据方式(application/x-www-form-urlencoded,multipart/form-data,application/json,text/xml) 转 ...
- application/json 四种常见的 POST 提交数据方式
四种常见的 POST 提交数据方式 HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 ...
- 转:application/json 四种常见的 POST 提交数据方式
四种常见的 POST 提交数据方式 HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 PO ...
- iOS五种本地缓存数据方式
iOS五种本地缓存数据方式 iOS本地缓存数据方式有五种:前言 1.直接写文件方式:可以存储的对象有NSString.NSArray.NSDictionary.NSData.NSNumber,数据 ...
- C# HttpWebRequest提交数据方式浅析
C# HttpWebRequest提交数据方式学习之前我们先来看看什么是HttpWebRequest,它是 .net 基类库中的一个类,在命名空间 System.Net 下面,用来使用户通过HTTP协 ...
- Android Volley框架的几种post提交请求方式
首先简单描述一下Google的Android开发团队在2013年推出的一个网络通信框架Volley.它的设计目标是进行数据量不大,但通信频繁的网络操作,而对于大数据量的网络操作,比如下载文件等,Vol ...
- 【转】C# HttpWebRequest提交数据方式
[转]C# HttpWebRequest提交数据方式 HttpWebRequest和HttpWebResponse类是用于发送和接收HTTP数据的最好选择.它们支持一系列有用的属性.这两个类位 于Sy ...
- 【转】四种常见的POST提交数据方式
HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 POST 一般用来向服务端提交数据,本文 ...
随机推荐
- cell 的复用机制
一个问题引发的血案,以下是本侦探的探案过程的一部分:以下全部都是转载自别人的博客:http://blog.sina.com.cn/s/blog_9c3c519b01016aqu.html 转自:htt ...
- (转)CDN——到底用还是不用?
用CDN的七个理由 浏览器从服务器上下载css.js和图片等文件时都要和服务器连接,而大部分浏览器对同一个域名用于下载文件的并发连接数限制在4个,这意味着如果要下载第五个文件就必须等前四个文件中有一个 ...
- code first 创建和初始化数据库
1.前言 Code First是Entity Framework提供的一种新的编程模型.通过Code First我们可以在还没有建立数据库的情况下就开始编码,然后通过代码对象来生成数据库.当然我们在实 ...
- LeetCode之104. Maximum Depth of Binary Tree
-------------------------------- 递归遍历即可 AC代码: /** * Definition for a binary tree node. * public clas ...
- php多进程
增加 pcntl扩展pcntl扩展可以支持php的多线程操作(仅限linux系统)加载 pcntl 有两种方式一种重新编译安装,在编译时加,configrue提示加上--enable-pcntl./c ...
- Jetty使用教程(四:23)—Jetty开发指南
二十三.Maven和Jetty 这一章节将说明如何通过Maven管理Jetty和使用Jetty的Maven插件. 23.1 使用Maven Apache Maven是一个款软件项目管理工具.基于项目对 ...
- 祝贺 Linux 25 岁:25 个关于 Linux 的惊人真相!【转载】
作者:Javen Fang链接:https://zhuanlan.zhihu.com/p/22222383来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 25 年前的这 ...
- 判断IP地址是否合法类
using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace IPFl ...
- CodeForces 518B. Tanya and Postcard
B. Tanya and Postcard time limit per test 2 seconds memory limit per test 256 megabytes input standa ...
- python操作日期和时间的方法
不管何时何地,只要我们编程时遇到了跟时间有关的问题,都要想到 datetime 和 time 标准库模块,今天我们就用它内部的方法,详解python操作日期和时间的方法.1.将字符串的时间转换为时间戳 ...