<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提交数据方式,还不错的更多相关文章

  1. (转)四种常见的 POST 提交数据方式

    四种常见的 POST 提交数据方式(转自:https://imququ.com/post/four-ways-to-post-data-in-http.html) HTTP/1.1 协议规定的 HTT ...

  2. 四种常见的 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) 转 ...

  3. application/json 四种常见的 POST 提交数据方式

    四种常见的 POST 提交数据方式   HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 ...

  4. 转:application/json 四种常见的 POST 提交数据方式

    四种常见的 POST 提交数据方式 HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 PO ...

  5. iOS五种本地缓存数据方式

    iOS五种本地缓存数据方式   iOS本地缓存数据方式有五种:前言 1.直接写文件方式:可以存储的对象有NSString.NSArray.NSDictionary.NSData.NSNumber,数据 ...

  6. C# HttpWebRequest提交数据方式浅析

    C# HttpWebRequest提交数据方式学习之前我们先来看看什么是HttpWebRequest,它是 .net 基类库中的一个类,在命名空间 System.Net 下面,用来使用户通过HTTP协 ...

  7. Android Volley框架的几种post提交请求方式

    首先简单描述一下Google的Android开发团队在2013年推出的一个网络通信框架Volley.它的设计目标是进行数据量不大,但通信频繁的网络操作,而对于大数据量的网络操作,比如下载文件等,Vol ...

  8. 【转】C# HttpWebRequest提交数据方式

    [转]C# HttpWebRequest提交数据方式 HttpWebRequest和HttpWebResponse类是用于发送和接收HTTP数据的最好选择.它们支持一系列有用的属性.这两个类位 于Sy ...

  9. 【转】四种常见的POST提交数据方式

    HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CONNECT 这几种.其中 POST 一般用来向服务端提交数据,本文 ...

随机推荐

  1. CentOS7 词典

    goldendict sudo yum install goldendict打开goldendict,阅读welcome,添加本地词典,在http://abloz.com/huzheng/stardi ...

  2. MySQL批量UPDATE多行记录

    UPDATE categories     SET display_order = CASE id         WHEN 1 THEN 3         WHEN 2 THEN 4        ...

  3. 源码编译安装mysql

    1       概述 首先来看下mysql的下载地址: http://ftp.plusline.de/mysql/Downloads/ 这里有mysql的各种版本 操作系统:CentOS releas ...

  4. hbase集群的启动,注意几个问题

    1.hbase的改的会影响器他的组件的使用, 故而, 在修改 hadoop的任何组件后, 一定要记得其它的组件也能受到影响, 一下是我在将hadoop的集群改了之后 , 再次运行hbase的时候, 就 ...

  5. 常用CSS居中

    1.flex方法: .center_fix { display:flex; align-items:center; justify-content: center; } 具体flex方法教程:可以参见 ...

  6. Create a REST API with Attribute Routing in ASP.NET Web API 2

    原文:http://www.asp.net/web-api/overview/web-api-routing-and-actions/create-a-rest-api-with-attribute- ...

  7. Android入门(九):CheckBox多选清单和ScrollView滚动条

    字符串资源文件strings.xml: <resources> <string name="hello">主类main</string> < ...

  8. PHP+Mysql+easyui点击左侧tree菜单对应表名右侧动态生成datagrid加载表单数据(二)

    关于tree菜单生成,参考我的另一篇博文地址tree 菜单 实现功能:点击左侧tree菜单中的table,右侧通过datagrid加载出该表对用的所有数据 难点:获取该表的所有列名,动态生成datag ...

  9. Screen Orientation for Windows Phone

    http://msdn.microsoft.com/en-us/library/windows/apps/jj207002(v=vs.105).aspx

  10. 畅通工程续——E

    E. 畅通工程续 某省自从实行了很多年的畅通工程计划后,终于修建了很多路.不过路多了也不好,每次要从一个城镇到另一个城镇时,都有许多种道路方案可以选择,而某些方案要比另一些方案行走的距离要短很多.这让 ...