@RequestBody jq的Ajax写法与vue的封装请求写法

jq：

$.ajax({
                url : ‘', //传输地址
                type : "post",  //方式
                data: JSON.stringify({"newpassword":$("#paww").val()}),//newpassword为AppCodeApiParam里一参数名
                contentType: "application/json;charset=UTF-8",
                success : function(data) { //data为返回值
                    alert(data)
                    $("#paww").val(data)
                }
            })

@PostMapping(value = "")//
    public String encryption(@RequestBody AppCodeApiParam param) throws Exception {
        //对密码进行加密 
        String pwd = param.getNewpassword();
        String Md5Pwd = MdUtils.md5(pwd,pwd);

        return Md5Pwd;

    }

拦截器问题要注意

vue框架请求：
某get请求
js写法（希望拼在url用params，希望放请求体就直接放下边）

import request from '@/utils/request'

export function selectPage(data) {
  return request({
    url: '/vue-element-admin/user/selectPage',
    method: 'get',
    params: data//或者{ ...data }再逗号加点参数，但不要{data}，url会拼成url?data=xxxx
  })
}

vue引用：

import { selectPage, inserStaff, updateStaff, deleteStaff } from '@/api/staff'


// 查询列表
    selectList() {
      // 分页查询数据
      selectPage(this.staffData).then(response => {
        console.log(response)
      }).catch(err => {
        console.log(err)
      })
    },

效果


如果是post请求@RequestBody注解可使用

export function inserStaff(data) {
  return request({
    url: '/vue-element-admin/user/inserStaff',
    method: 'post',
    data//直接放上
  })
}