页面表单传值

表单提交传值的两种方式:

1. JS中直接 post提交:

复制代码
copy
<form style="display:none" method="get">
  <input name="addressId" type="hidden" value="111" />
  <input name="cartIds" type="hidden" value="222" />
</form>

<script> 
$('.paytbn').click(function () {
  var cartIds = $('form input[name=cartIds]').val();
  var addressId = $('form input[name=addressId]').val();
  var referNo = $('.order-referno').val();
  var logistics = [];
  $.each($('select.logistics'), function () {
    var table = $(this).parents('.goods-table');
    var map = table.attr('data-wareid') + '|' + $(this).val();
    logistics.push(map);
  });

$.post('@Url.Action("SubmitOrder")', { cartIds: cartIds, addressId: addressId, logistics: logistics, referNo: referNo },
function (data) {
    if (data.flag) {
      location.href = '@Url.RouteUrl("PaymentOrder")' + "?orderNos=" + data.msg;
    });
});
</script>
复制代码

 

2. JS中直接 模拟表单submit提交:

复制代码
copy
<form method="post" style="display:none">
    <input name="QueryWay" type="hidden" />
    <input name="OrderKwd" type="hidden" />
    <input name="OrderStatus" type="hidden" />
</form>

<script>
    $('#btnSubmit').click(function () {
        $('form input[name=QueryWay]').val(1);
        $('form input[name=ExportType]').val(2);
        $('form input[name=StartTime]').val(3);
        $('form').submit();
    });
</script>
复制代码

如果表单未指定提交地址,则直接提交当前页面。在该控制器下可以获取到表单传来的值

 

posted @   !opts  阅读(223)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· DeepSeek+PageAssist实现本地大模型联网
· 手把手教你更优雅的享受 DeepSeek
· Java轻量级代码工程
· 从 14 秒到 1 秒:MySQL DDL 性能优化实战
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起