可能在不重定向頁面的情況下發出請求並且不使用javascript？

Question

我只想發送一個post請求到api。到目前爲止，我有：

<form method="POST" action="/api/updoot/ID:{{ post.ID }}"> 
    <input type="submit" value="updoot"/> 
</form> 

當我點擊提交重定向。我知道如何防止與JavaScript的重定向，但我想知道是否有可能發送請求而不使用JavaScript和沒有重定向用戶？

Answer 1

是的，可以發出一個HTTP請求，不需要頁面重定向，也不需要任何JavaScript。

訣竅是：做一個隱形的iframe，並用它作爲form的目標。這樣，當提交form時，將發送HTTP請求，並將在iframe中處理響應。由於iframe不可見，因此頁面中沒有任何內容會發生變化。

下面是一個例子：

#subframe { 
 
    display: none; 
 
}

<form method="POST" action="https://requestb.in/xkaff3xk" target="sub"> 
 
    <input type="text" name="test"> 
 
    <input type="submit" value="updoot"/> 
 
</form> 
 
<iframe id="subframe" name="sub"> 
 

 
</iframe>