快播韩国伦理电影 C# ASP.NET MVC 微信和支付宝H5支付成就及Demo
发布日期：2024-11-06 12:13 点击次数：202
最近成就任务际遇了一个要在手机浏览器里面调起微信和支付宝去支付的成就需求，昔时齐是作念的扫码支付大要JSAPI齐是在软件里面支付的快播韩国伦理电影，没际遇过在我方浏览器内叫醒微信大要支付宝的支付这种成就在成就的历程中际遇了很多问题和坑点这里就逐一写进著作里面了
当先放上支付宝和微信支付的成就文档
支付宝手机网页支付 微信H5支付快播韩国伦理电影
由于是教程贴咱们从一个新建的MVC名堂初始
图片快播韩国伦理电影
当先编写一个H5支付的页面
图片
代码如下所示:
@{
ViewBag.Title = "H5支付页";
Layout = null;
}
<body>
<script src="https://www.360doc.cn/article/~/Scripts/jquery-3.4.1.js"></script>
<script src="https://www.360doc.cn/article/~/Scripts/bootstrap.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="https://www.360doc.cn/article/~/Content/layer/layer.js"></script>
<link href="~/Content/layer/theme/default/layer.css" rel="stylesheet" />
<style>
ul li {
list-style: none;
font-size: 40px;
margin-bottom: 20px;
}
input {
height: 50px !important;
width: 50px !important;
margin-left: 5%;
}
.head {
background-color: darkblue;
height: 100px;
font-size: 40px;
color: white;
text-align: center;
}
.pay {
width: 50%;
margin: 5% 25%;
border: 3px dashed lightgray;
border-radius: 15px;
}
.btncolor {
border-radius: 25px;
background-color: #1E90FF;
color: white;
}
</style>
<form id="alitopay" action="支付宝后台惩处网址" onsubmit="return sure();" method="post">
<div style="text-align:center;margin:50px 0 0 0;font-size:40px">请采用支付形式</div>
<img src="https://www.360doc.cn/article/~/Images/weixin.png" class="pay" value="1" />
<img id="zhifubao" src="https://www.360doc.cn/article/~/Images/zhifubao.png" class="pay" value="2" />
<div style="position:fixed;bottom:15%;width:100%;">
<button class="btncolor" style="height:130px;margin:250px 5% 5% 5%;font-size:40px;width:90%;">阐发支付</button>
</div>
</form>
</body>
<script>
var paytype = "";
function bordernone() {
$(".pay").css("border"， " 3px dashed lightgray");
}
$(".pay").click(function () {
bordernone();
$(this).css("border"， "5px solid #1E90FF");
paytype = $(this).attr("value");
});
function sure() {
var Guid = $("#Guid").val();
//paytype = $('input:radio:checked').val();
if (paytype === ""