ajax傳遞用戶名,後端查詢後返回前端,並顯示密碼

由於本人還是新手所以會有很多問題,如果您發現了,請一定要留言。
首先ajax傳值

  1. 利用ajax發送post到後臺
$.ajax({
            url:"/yhd/forget+userid",    //請求的url地址
            //dataType:"json",   //返回格式爲json
            async:true,//請求是否異步,默認爲異步,這也是ajax重要特性
            data:{'userId':userId},    //參數值
            type:"POST",   //請求方式
            beforeSend:function(){
                //請求前的處理
            },
            success:function(data){
                //請求成功時處理
                console.log(data);
                alert("密碼是:"+data.password);
            },
            complete:function(data){
                //請求完成的處理
            },
            error:function(data){
                //請求出錯處理
                console.log(data);
                alert("無此用戶名");
            }

dataType:“json”, 這裏註釋掉是因爲如果後臺返回值不爲JSON時,ajax就會出錯,執行error:function

  1. 這裏是ACTION
@RequestMapping(value = "/yhd/forget+userid",  method = RequestMethod.POST)
    @ResponseBody
    public Map<String,String> getUser2(String userId ,ModelMap modelMap) {
        // 查詢user表中所有記錄
        // 查詢user表中所有記錄

        YhduserEntity userList=  yhdMapper.findByUserid(userId);
        Map<String,String> map = new HashMap<String, String>();
        String password=userList.getPassword();
        map.put("password",password);
        // 將所有記錄傳遞給要返回的jsp頁面,放在userList當中
        //modelMap.addAttribute("yhduserList",new Gson().toJson(userList));

        // 返回pages目錄下的admin/users.jsp頁面
        return map;
    }

由於用的是SSH fingByUserid直接獲取userId 的所有字段
map.put(“password”,password);只將password放入。成功!
在這裏插入圖片描述
學習於:
Ajax與Controller數據交互

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章