Ajax的请求方式

发布于:2024-05-09 ⋅ 阅读:(28) ⋅ 点赞:(0)

1 get

1 $.get() 

//通过远程Http Get请求载入信息
$.get("请求地址",{id:1;name:"一一"},function(data) {
	//请求成功执行的代码写在这里
})
//或者直接拼接参数
$.get("请求地址?id="+id+"&name="+name,function(data) {
	//请求成功执行的代码写在这里
})

2 $.getJSON()

//$.getJSON( )方法函数主要用来从服务器加载json编码的数据,它使用的是GET HTTP请求
$.getJSON("请求地址",{参数列表},function(data){
    //......
});

3 $.get(模版字符串)

$.get(`请求地址?id=${id}&name=${name}`, function(data) {
    // 请求成功执行的代码写在这里
});

2 post 

1$.post()

//通过远程 HTTP POST 请求载入信息
$.post("请求地址",{id:1;name:"一一"},function(data) {
	//请求成功执行的代码写在这里
})

2$.post(模版字符串)

const id = 1;
const name = "一一";
const url = "请求地址";

// 通过远程 HTTP POST 请求载入信息
$.post(`${url}`, { id: ${id}, name: "${name}" }, function(data) {
    // 请求成功执行的代码写在这里
});

3post---自己写过的前端请求

//提交审核的表单
    submitCheckForm() {
      var that = this
      this.$http.post(`/teacher/checkTeacher/changeTeacherCheck`, this.checkformData.checkTeacher).then(function (resp) {
        if (resp.data.code === 2000) {
          that.$message.success(resp.data.msg);
          that.checkvisible = false
          if(resp.data.data.checkStatus==1){
            that.$http.post(`/teacher/UpdateMemberOfisType/${that.checkformData.mobile}` ).then(function (resp) {
            })
          }

          that.searchTeacher()
        } else {
          that.$message.error(resp.data.msg);
          that.checkvisible = false
          that.searchTeacher()
        }
      })
    },

后端怎么接收请求

@PostMapping("/checkTeacher/changeTeacherCheck")
    public Result changeTeacherChecksService(@RequestBody CheckTeacher checkTeacher) {
        System.out.println(checkTeacher);
        queryTeacherListService.changeTeacherChecksService(checkTeacher);
        return new Result(2000,"老师审批审核成功",checkTeacher);
    }

 @PostMapping("/UpdateMemberOfisType/{mobile}")
    public void updateMemberIsType(@PathVariable String mobile){
        queryTeacherListService.updateMemberIsType(mobile);
    }