保证唯一的一种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 一般用来向服务端提交数据,本文 ...
随机推荐
- ffmpeg-20160926[27]-bin.7z
ffplay 2016.09.26 开始使用 SDL 2.x , CPU 利用率比 SDL 1.x 略微好一些. ESC 退出 0 进度条开关 1 屏幕原始大小 2 屏幕1/2大小 3 屏幕1/3大小 ...
- SQL的ROW_NUMBER函数
with tabs as ( select ROW_NUMBER() over(partition by customerID order by totalPrice) as rows,custome ...
- AJAX里,使用XML返回数据类型,实现简单下拉列表
XML:可扩展标记语言 HTML:超文本标记语言 标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对大小写敏感 4.有开始就要有结束 5.同一级 ...
- .Net自带缓存Cache的使用
对于数据比较大,经常要从数据库拿出来用的,可以考虑使用.Net自带的缓存Cache,简单好用: //向内存中插入一个缓存 System.Web.HttpRuntime.Cache.Insert(&qu ...
- 查看cpu的信息cat /proc/cpuinfo
cat /proc/cpuinfo processor : vendor_id : GenuineIntel cpu family : model : model name : Intel(R) Co ...
- .NET中RabbitMQ的使用
概述 MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用程序的通信方法.RabbitMQ是一个在AMQP基础上完整的,可复用的企业消息系统.他遵循Mozilla Public ...
- Power BI FAQ
关于Power BI,最近一直想写点什么,但是也想不到写什么.直到前几天,有个朋友在qq加我,问了我好几个问题,我发现都是一些很有代表性的问题,所以都记录了下来,特意整理了一下分享出来,希望能帮到更多 ...
- javascript设计模式与开发实践
1. js面向对象6种形式(详情) <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- java基础(二)
1.equals()方法是可以重写的,因此说equals方法是判断两个对象的值是否相等是不完全正确的,当重写方法时可以定义自己的相等规则. 2.Java中的类可以包含六中元素;属性.方法.代码块.内部 ...
- java Collection.shuffle()随机打乱一个顺序数组
如何打乱一个顺序的数组,其实集合的帮助类Collection就有现成的方法可用,而且效率还蛮高的,总比自定义随机数等等方法要好很多.其实乱序就这么简单,步骤如下: 1. 将一个顺序排列的数组添加到集合 ...