个人中心
gpt4 book ai didi

javascript - jQuery - 如何在ajax化表单时获取提交类型输入的值

转载 作者：可可西里 更新时间：2023-11-01 13:17:25 25 4
gpt4 key购买 nike

假设我有以下代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title><!-- Insert your title here --></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function(){
            $('#form1').submit(function(){

                // Let's see the values
                alert($(this).serialize());

                $.post($(this).attr('action'), $(this).serialize(), function(data){

                    // Do something on callback

                });

                return false;
            })
        });

    </script>
</head>
<body>
    <form action="http://example.com/bla" method="POST" id="form1">
        <input type="hidden" name="ipt1" value="1"/>
        <input type="submit" name="sbt" value="2"/>
    </form>
</body>
</html>

当我序列化表单的值时，输入类型 submit clicked 的值不存在。在对表单进行 ajax 化时，我该如何处理这种情况？

最佳答案

在非 ajax 表单中，提交按钮的值仅在单击时随表单一起发送。所以如果你想用 ajax 模仿这种行为，你必须这样做:

$("#submit_button").click(function() {
    var data = $("#my_form").serialize();
    data += data.length ? "&" : ""; // check if empty
    data += escape($(this).attr("name"))+"="+escape($(this).val());
    // ...
    return false;
});

这会将提交按钮的序列化数据附加到序列化表单数据。

关于javascript - jQuery - 如何在ajax化表单时获取提交类型输入的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4935850/

25 4 0
文章推荐： javascript - 以 top->down left->right 方式定位元素
文章推荐： php - 旧式和新式 PHP 构造函数之间的区别
文章推荐： php - .htaccess 已被读取但重写 url 不起作用
文章推荐： sql - HTML Local Storage 参数替换转义
可可西里
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com