Submit a form without query string

Question

I'm on a page like http://example.com?query=value that has a form <form id="formId" method="POST">.

What's the best way to submit the form to http://example.com without the query string?

I'm currently trying:

$('#formId').submit(function(e){
    e.preventDefault();
    var url = window.location.href; 
    if (url.indexOf("?") != -1){
        $('#formId').attr('action', url.split("?")[0]);
    }
    $('#formId').submit();
});

but it doesn't seem to be working.

I prefer a javascript/jQuery solution as this pattern is common through the site

Why don't you just set the action attribute in the HTML? In theory, it's a required attribute on <form> elements — Phil
– Phil, Commented Aug 29, 2016 at 23:14
@Phil because that would require knowledge of the page url during page initiation, which I don't have due to my templating strategy. Thus why I'm asking for a Javascript/jQuery solution, which would be easy to include on each page. — Milk
– Milk, Commented Aug 30, 2016 at 0:04

Phil · Accepted Answer · 2016-08-30 00:48:45Z

2

Instead of attempting to change the action on submit, how about just looking for forms without action attributes and setting them appropriately, for example

jQuery(function($) {
    $('form:not([action])').attr('action', location.pathname);
});

answered Aug 30, 2016 at 0:48

Phil

166k25 gold badges265 silver badges269 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2794804 · Accepted Answer · 2021-10-05 10:57:15Z

2

For anyone else looking here, a quick and dirty solution is to set the form action attribute to "?". eg:

<form id="formId" method="POST" action="?">

This will post the request to the current url with the query string just being a single "?"

Though as this does not use javascript, it might not be the answer OP is after.

answered Oct 5, 2021 at 10:57

user2794804

594 bronze badges

Collectives™ on Stack Overflow

Submit a form without query string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related