form 避免 action 觸發的頁面跳轉

2021-09-10 14:50:30 字數 1007 閱讀 2240

前提

提交表單後,後台返回的是乙個html位址,也就是乙個html檔案

"search"

action

="/portal/"

method

="post"

>

type

="text"

name

="username"

/>

type

="password"

name

="password"

/>

class

="btn"

onclick

=search(1)

>

提交a>

form

>

js 本來是這樣的,這樣會跳轉頁面

function

search

(page)

現在要求是不跳轉頁面,試過iframe不行,因為頁面內部有檔案引用。最後改用ajax,且最好實現後後台不需要做出任何改變。

function

search

(page)

,// 伺服器返回的資料型別

datatype:

'html'

,// 請求成功後要做的

success:

function

(resultdata)

,// 請求出錯後要做的

error:

function

(xhr)})

;}

像上面這樣,在form提交按鈕處阻斷用form默有的方法提交資料,用自己的方法可以控制頁面不進行跳轉,請求位址還是原來的,傳送的資料還是原來的。

使用js設定form 表單的action

一般情況下,在乙個form表單裡所有上傳或文件都預設存放在同乙個路徑,但有時候需要在同乙個介面裡不同的物件文件上傳後存放在不同的路徑下,因此,在不更改後台 的情況下,我們可以用js來變更form表單的action 達到目的。form表單資訊如下 work form id work form meth...

action屬性引數如何避免覆蓋

試驗中發現,當form的method屬性設定為get時,action action default.ashx?a 123 中帶的引數總是被覆蓋 a 123被覆蓋掉丟失 如何避免呢?就是把method設定為post,才能使action中的自帶引數傳到伺服器。只有method為post時才能獲取到值 2...

URL重寫中,重寫Form的Action屬性。

此文重點在於解決url重寫時,form的action部分出現的問題,如果你講http aa.com news.aspx?id 22重寫為http aa.com news 22.html,成功重寫後,檢視頁面原始檔,你會發現form部分的action屬性還是 news.aspx?id 22,這樣不僅洩...