jquery PHP/ AJAX 表单提交问题

bgtovc5b  于 2023-03-29  发布在  jQuery
关注(0)|答案(2)|浏览(135)

首先,我在javascript方面很烂...我复制了一些代码,几乎完成了我想要的-提交表单和更新数据库而不刷新页面。问题是,我页面上的每个表单现在都在这样做。我只想让这一个特定的表单调用函数。有人能帮我吗?
Javascript语言

<script>
              $(function () {
                $('form').bind('click', function (event) {
                // using this page stop being refreshing 
                event.preventDefault();

                  $.ajax({
                    type: 'POST',
                    url: 'ajax/post.php',
                    data: $('form').serialize(),
                    success: function () {
                      alert('Movie added to your list.');
                    }
                  });
                });
              });
            </script>

HTML表单

<form style="display: inline-block;">
                <input style="display: none" type="text" name="title" value="<?php echo $title; ?>" />
                <input style="display: none" name="favorite" value="favorite" />
                <input style="color: #c0bfbf; padding: 0px 6px; background-color: transparent; border: 1px solid #c0bfbf; border-radius: 6px;" name="submit" type="submit" value="MY LIST"><?php } ?>
            </form>

我已经尝试了多次谷歌搜索,但不能解决的问题,每一个形式在我的网页上调用的功能

aurhwmvo

aurhwmvo1#

谢谢大家!在大家的建议下,我很快就把事情做好了。再次感谢!!!

8tntrjer

8tntrjer2#

试试这个

<script>
         $(function () {
                $('#add').bind('click', function (event) {
                // using this page stop being refreshing 
                event.preventDefault();

                  $.ajax({
                    type: 'POST',
                    url: 'ajax/post.php',
                    data: $('form').serialize(),
                    success: function () {
                      alert('Movie added to your list.');
                    }
                  });
                });
              });
            </script>

HTML表单

<form id="add" style="display: inline-block;">
                <input style="display: none" type="text" name="title" value="<?php echo $title; ?>" />
                <input style="display: none" name="favorite" value="favorite" />
                <input style="color: #c0bfbf; padding: 0px 6px; background-color: transparent; border: 1px solid #c0bfbf; border-radius: 6px;" name="submit" type="submit" value="MY LIST"><?php } ?>
            </form>

问题是你没有在表单中提到ID,而是简单地调用了$('form').bind,这意味着它将绑定在<form>标签中输入的所有输入,并且只发送提交。
现在,我们已经为表单指定了id,因此脚本将仅通过表单ID运行输入

相关问题