首页 / JQUERY / javascript-jQuery时如何获取类型为提交的输入的值

javascript-jQuery时如何获取类型为提交的输入的值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery时如何获取类型为提交的输入的值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1198字，纯文字阅读大概需要2分钟。

内容图文

假设我有以下代码：

<!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>

当我序列化表单的值时,输入的提交单击的值不存在.取消表格格式后如何处理这种情况？

解决方法:

在非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时如何获取类型为提交的输入的值全部内容，希望文章能够帮你解决javascript-jQuery时如何获取类型为提交的输入的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/652250.html

来源：【匿名】