javascript - 向 PHP 提交 href

Question

我不知道这是否可行，但我们将不胜感激所提供的任何帮助。

我通常使用 javascript 将 html 表单提交到外部 php 脚本。原因是 JavaScript 能够以一种很好的方式处理显示错误通知。

下面是一个例子；

<script>
    $("input#submit").click(function() {
        $('#loader').show();
        // Client side validation
        if ($("#category").val() == "") {
            $('#loader').hide();
            detError();
        } else {
            $.post($("#cat-form").attr("action"),
                $("#cat-form :input").serializeArray(),

                function(response) {
                    switch (response) {
                        case "Valid":
                            $('#loader').hide();
                            catSuccess();
                            $('#cat-form').trigger("reset");
                            setTimeout(function() {
                                window.location.href = "blog_admin_categories.php";
                            }, 4000);
                            break;
                        case "not Valid":
                            $('#loader').hide();
                            catError();
                            break;
                    }
                });
        }
        $("#cat-form").submit(function() {
            return false;
        });
    });
</script>

正如您所看到的，根据我从 PHP 中的 echo 收到的响应脚本(有效、无效等)我运行另一个函数并可能刷新页面。

现在我想通过链接 <a> 来执行此操作.

<a class='link' id='delete-link' href=/blog/php/blog_category_delete.php?delete='$cat_id'>Delete</a>

我该怎么做？

在下面答案的帮助下，我现在可以正常工作了......代码如下；

<script>
                $("a.delete").click(function(event) {
                    event.preventDefault(); // this is needed to stop the browser from changing the site
                    var href = $(this).attr('href');

                    $.post($(this).attr('href'),
                           $('href').serializeArray(),

                           function(response) {
                        switch(response) {
                            case "Valid":
                                $('#loader').hide();
                                catDeleted();
                                $('#cat-form').trigger("reset");
                                setTimeout(function(){window.location.href="blog_admin_categories.php";},3000);
                                break;}
                    });
                });
            </script>

Answer 1

您可以通过 AJAX 来完成。

$("#delete-link").click(function(){

    //you can write your ajax here 

    return false;
});