javascript - 捕获所有链接，包括表单提交

Question

我想知道如何使用 jQuery 捕获页面上的所有链接。这个想法与 Facebook 类似。在 Facebook 中，如果您单击链接，它会捕获该链接并使用 ajax 加载相同的链接。仅当您在新选项卡等中打开链接时，它才会使用常规调用加载页面。

关于如何实现此类功能有任何线索吗？我确信捕获链接应该不是问题，但是捕获表单提交然后通过ajax提交整个数据然后显示结果怎么样？

是否有任何已经存在的插件？

感谢您的宝贵时间。

Answer 1

亚历克，

你绝对可以做到这一点。

我有一个以这种方式处理的表单。它使用了上面提到的jquery表单插件kgiannakakis。下面的示例 javascript 显示了它的工作原理。

$("form").ajaxForm({
    beforeSubmit: function(){
        //optional: startup a throbber to indicate form is being processed 
        var _valid = true;
        var _msg = '';
        //optional: validation code goes here. Example below checks all input
        //elements with rel attribute set to required to make sure they are not empty
        $(":input [rel='required']").each(function(i){
            if (this.value == '') { 
                _valid = false;
                _msg += this.name + " may not be empty.\n";
                $(this).addClass("error");       
            }
        });
        alert(_msg);
        return _valid; 
    },
    success: function(response){
        //success here means that the HTTP response code indicated success
        //process response: example assumes JSON response
        $("body").prepend('<div id="message" class="' + response.status + '"></div>');
        $("#message").text(response.message).fadeIn("slow", function(){
                $(this).fadeOut("slow").remove();
        });
    }
});