Javascript 通过jQuery/Ajax获取GET URL
我希望在使用Javascript 通过jQuery/Ajax获取GET URL,javascript,jquery,ajax,Javascript,Jquery,Ajax,我希望在使用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 att
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(){});
});
});
如果您想要表单的值,您需要使用
使用action和searlize加载的示例
jQuery('form')。提交(函数(e){
e、 预防默认值();
var url=$(this.attr('action');
..//代码的其余部分
不要忘记返回false;最后!action
只返回主URL,不返回GET查询。有什么想法吗?这是通过使用serialize实现的吗?回答了我自己的问题…需要将action
和serialize
结合起来,中间有一个问号。谢谢!
var link = jQuery(this).prop('action');
$("#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();
});
<form action="something.php" method="POST">
</form>
jQuery('form').submit(function(e){
e.preventDefault();
var url = $(this).attr('action');
....// rest of code