如何使用ajax傳資料到controller

2021-10-06 11:39:18 字數 863 閱讀 2217

最近在做乙個有關spring boot的小專案,然後在其中用到了ajax,由於對前端不是很熟練,在剛開始用ajax的時候犯了很多錯誤,為了防止以後要用到又忘了,故記下以供之後參考。

對於表單,要設定action=「#」,還有onsubmit為return false,阻止表單自身的提交,然後按鈕的型別就為普通按鈕,並新增onclick事件,**如下

對於上面的表單,ajax**如下,其中傳參,有兩種方法,一種是按照***的方面,寫在data裡,另一種是直接拼接url。

function login(),

//****************************//

/*方法二*/

//url:"/login?userid="+userid+"&password="+password,

//data:null,

//*****************************//

cache: false,

success: function (result) else

},error: function ()

});}

下面是controller方法

@responsebody //這裡要注意,如果要返回值得話,要記得加這個註解,這樣子才能以json值返回到ajax

public boolean handleloginbyarticledetail(string userid, string password)

以上僅供參考,有錯誤可以指出,謝謝。

如何使用Ajax

要完整實現乙個ajax同步呼叫和區域性重新整理,通常需要以下幾個步驟 1.建立xmlhttprequest物件,也就是建立乙個非同步呼叫物件 2.建立乙個新的http請求,並指定該http請求的方法,url 3.設定響應http請求狀態變化的函式 話不多說,伺候 建立xmlhttprequest物件...

如何實現從php傳資料到js

做專案時,遇到該類問題後,想到的辦法。首先當前頁面做了乙個雙處理的介面,就是有php也有js的處理介面。上乙個傳值介面是乙個php的傳值,結果,在當前頁面的js中也要用到上一介面傳的值,這時發現,php與js就像是兩個互相孤立的小島,根本沒有任何聯絡。於是,我們需要建立乙個橋梁,用來聯絡這兩個小島。...

ajax傳JSON資料到後台的注意事項小結

複製 如下 ajax operationtype 2 data success function msg js 如上,當data中的 鍵 值 對中的值為null undefined 的時候,在傳送請求的時候,那個值為null的鍵值對是不會傳到後台的,1 通程式設計客棧過f12可以看到值為null的鍵...