javascript - 通过 jQuery/Ajax 获取 GET URL

Question

当使用 GET 方法提交表单时，我希望重新加载页面的一部分。以下 JavaScript 运行，但我不确定如何从表单中获取提交的 URL？

我本以为 var link = jQuery(this).attr('GET'); 或其他东西会返回它，并尝试了 URL 等...虽然没有运气。有什么想法吗？

jQuery('form').submit(function(e){
    e.preventDefault();
    var link = jQuery(this).attr('GET'); //Get the href attribute
    alert(link);
    history.pushState('data', '', link);
    jQuery('#search_main_section').fadeTo(300,0.3,function(){
        load(link + ' #search_main_section', function(){ jQuery("#loader").hide(); 
        jQuery('#search_main_section').fadeTo(100,1, function(){}); 
    });
});

Answer 1

var link = jQuery(this).prop('action');

如果你想要表单的值，你想使用 serialize()

使用 action 和 searlize with load 的示例。

$("#form1").on("submit", function(e) {

    e.preventDefault();

    var form = $(this);
    var action = form.attr("action") || window.location.href;
    var formValues = form.serialize();
    //example with get     
    //$.get(action, formValues, function(){ alert("done"); });
    //example with load
    var url = action + "?" + formValues;
    $.load(url + ' #search_main_section', function(){ jQuery("#loader").hide();
});​​​​​​​​​​