javascript - 使用ajax javascript提交表单数据

Question

我在使用 ajax/javascript 设置将异步数据发送到 PHP 脚本进行处理时遇到问题。我将 PHP 部分留在这里，因为我还无法启动 javascript，并且一旦我可以让它工作，我会很高兴自己攻击 PHP。

我的……指甲拇指和彩盒的东西不属于这个场景，它们做其他事情，我应该注意到它们工作得很好。这与 .ajax 类似，在这里发挥作用，但不执行任何操作。我尝试添加一个alert()来排除故障，但它永远不会触发:(目的是当按下具有onclick()的链接时，神奇的事情发生了!

有人能找出为什么 javascript 没有触发吗？

<script type="text/javascript">

            jQuery(document).ready(function() {
                jQuery('.nailthumb-container').nailthumb({width:300,height:140,titleWhen:'load',fitDirection:'center center'});
                $('a.btn-screenshot').colorbox({
                    rel: 'nofollow'
                    });
                $('a.image').colorbox({
                    rel: 'colorbox-group',
                    maxWidth: '75%',
                    scalePhotos: true,
                    titleScrolling: true
                    });

                $(".ajax-like").submit(function(){
                    alert("Initial part going...");
                    var data = {
                      "action": "like"
                      };
                    data = $(this).serialize() + "&" + $.param(data);
                    $.ajax({
                      type: "POST",
                      dataType: "json",
                      url: "galleryajax.php", //Relative or absolute path to response.php file
                      data: data,
                      success: function(data) {
                        alert("Form submitted successfully.\nReturned json: " + data["json"]);
                      }
                      });
                    return false;
                    });
            });
</script>

这是 HTML 本身的形式...

<span class="thumb-comment">
            <form class="ajax-like" method="post" accept-charset="utf-8">
              <input type="hidden" name="mcname" value="'.$row['MCName'].'" placeholder="Favorite restaurant" />
              <input type="hidden" name="galleryid" value="'.$row['GalleryID'].'" placeholder="Favorite beverage" />
                <a onclick="form.submit();">
                <i class="fa fa-heart"></i>

                0</a>
                </form>
            </span>

Answer 1

$(".ajax-like").submit()

这实际上是在等待表单上的提交事件，类似 .ajax。

首先，删除此 <a>标签。

要启动此事件，您需要诸如提交输入之类的内容。

<input type="submit" />

如果您需要像示例中那样设置输入样式，您可以更喜欢使用 <button type="submit"><i class="fa fa-heart"></i>0</button>而不是输入。