How to create a non-ajax post request in javascript?

Question

Now I do it this way.

var form=document.createElement('form'); form.setAttribute('method', 'get'); form.setAttribute('action', 'url'); hidden=document.createElement('input'); hidden.setAttribute('type', 'hidden'); hidden.setAttribute('name', 'name'); hidden.setAttribute('value', 'value'); form.appendChild(hidden); form.submit(); 

But I want to save the cost of creating a DOM

Is it possible to send a post request in javascript without a DOM?

Answer 1

Yes.

 document.forms[0].submit() 

represents the 1st form on the page. And this is a typical way to submit a non-ajax form. But the term “non ajax” is misleading in your question, so the “POST” willow is a simple http verb. And there is no difference in using its "ajax" -way or "non-ajax". An artificial distinction that could be made is: "application / x-www.formurlencoded" is the preferred browser format or "application / json" as you do it with "ajax".

PS: It is difficult to answer your question. Of course, you could avoid dynamically creating the form element; but you must use the form element anyway to make the non-adhesive submit.

Answer 2

I believe that in reality you will not strike a big blow to productivity, doing it the way you do. Big problems with editing the DOM actually add to the document, as it requires re-rendering, etc.