提交按钮用ajax传数据,关于 js 页面中对提交按钮进行处理,然后再将数据提交到后台...

本文介绍如何在JavaScript中处理表单提交,利用Ajax与后台交互获取处理后的策略,并根据用户确认弹窗选择填充不同数据到隐藏输入框,最终完成表单提交。通过示例代码展示了Ajax请求和confirm对话框的使用。
摘要由CSDN通过智能技术生成

前台经验不足,现在碰到一个在我看来比较棘手的问题,请大家帮忙看看,指导指导。

首先我来描述下我要实现的功能。

在一个表单的创建页面,当数据都填写完成后,点击提交按钮。

在 js 文件中根据所填信息,运用 ajax 到后台进行处理,后台处理完后会返回一个实际策略和一个优惠策略,通过 json 数据传到前台。

然后在 ajax 成功获取 json 数据后弹出 confirm 让用户选择确定或取消。

当用户点击确定后,则将经过后台处理的优惠策略数据填入创建页面的隐藏 input 框中,如果点击取消,则将实际策略填入创建页面隐藏的 input 框中。

最后执行提交动作,将创建页面的信息提交至后台进行保存。

所有这些操作都是绑定在提交按钮的 click 事件上。

js 文件中主要处理的代码如下:

$("#get").click(function(){

getSum();

form.submit();

});function getSum(){

var book_id = $("#purchase_order_book_id").val();

var num =$("#purchase_order_before_num").val();

$.ajax({

type: "post",

url: "/purchase_orders/get_sum",

dataType : "json",

data: { "num" : num

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值