<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. nginx配置文件或目录404和403

    对于Nginx web目录下的文件,如果不想用户访问那么可以配置返回404或者403状态,默认情况下对于目录来说,如果目录下没有默认文档,那么默认返回是403,也就是不允许查看目录列表,但是如果知道静 ...

  2. 【python】描述符descriptor

    开始看官方文档,各种看不懂,只看到一句Properties, bound and unbound methods, static methods, and class methods are all ...

  3. 使用原生ajax处理json字符串

    我们使用得还是wamp,如果不知道环境怎么搭建,请在我的日志里面找,此处不在累赘. 什么是json?JSON的全称是 Javascript Object Notation(javascript对象表示 ...

  4. LeetCode之344. Reverse String

    ------------------------------- Java也可以实现一行代码反转字符串哦 AC代码如下: public class Solution { public String re ...

  5. UnrealEd3视图导航

    本博客使用的版本:2010-08   [更多其他的UE3版本]     [最新的UE3版本 -- 2015-02]  [unreal engine wiki]   注:dx11被加入2011-03月版 ...

  6. 简单测试flume+kafka+storm的集成

    集成 Flume/kafka/storm 是为了收集日志文件而引入的方法,最终将日志转到storm中进行分析.storm的分析方法见后面文章,这里只讨论集成方法. 以下为具体步骤及测试方法: 1.分别 ...

  7. Could not load file or assembly 'System.ServiceModel.DomainServices.Hosting'.系统找不到指定文件

    项目部署到服务器后出现如下错误信息: Parser Error Message: Could not load file or assembly 'System.ServiceModel.Domain ...

  8. java基础(四)

    一.面向对象的三个基本特征: 1.封装,将对象的实现细节隐藏起来,并通过公共接口暴露相关功能: 2.继承,代码复用的表现,当子类继承父类后,子类作为一种特殊的父类,直接获得父类的属性和方法: 3.多态 ...

  9. hdu 2489(枚举 + 最小生成树)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2489 思路:由于N, M的范围比较少,直接枚举所有的可能情况,然后求MST判断即可. #include ...

  10. 祝贺 Linux 25 岁:25 个关于 Linux 的惊人真相!【转载】

    作者:Javen Fang链接:https://zhuanlan.zhihu.com/p/22222383来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 25 年前的这 ...