Ajax使用心得

亦凉 2022-04-14 02:48 270阅读 0赞

**POST请求方式：**

**类型一：**

**前端写法：**

通常需要格式化为字符串对象json.stringify()

写法为：

var auth=new Array();
    auth.push({"username": "admin", "password": "123456","grant_type":'password'})
    $.ajax({
        method:'post',
        data:json.stringify(auth)
        data:{"page": 1, "pageSize": 10},
        headers: {
            'Authorization':'Basic enpzcDoyZmNjNTY0NS03Njg0LTRkNzMtYmFlNS1kMjViODJmM2M1MjA='
        },
        },success:fucntion(data){
    
        },fail:function(err){
    })

**后台写法：**

无

表现为：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70][]

**类型二：**

**前端写法：**

var code=new Array();
    code.push(code);
    $.ajax({
        url:'product/submitSpxxByidList?submitbz='+submitbz
        method:'post',
        data:code,
        },success:fucntion(data){
    
        },fail:function(err){
    })

**后台写法：**

@PostMapping(value = {"/submitSpxxByidList"})
        public PageModel submitSpxxByidList(@RequestBody List<Integer> spidList, @RequestParam("submitbz") String submitbz) {
            try {
                return erpProductService.submitSpxxByidList(spidList,submitbz);
            } catch (Exception ex) {
                logger.error(ex.getMessage());
                return PageModel.build(false, "提交审核失败！", null);
            }
        }

**浏览器：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 1][]

**GET请求方式：**

**前端写法**：

$.ajax({
        method:'get',
        data:{"page": 1, "pageSize": 10},
        headers: {
            'Authorization':'Bearer '+token
        },
        },success:fucntion(data){
    
        },fail:function(err){
    })

**后端写法：**

@GetMapping(value = {"/getErpSpxxPageList"})
        public PageInfo<ErpSpxxVo> getErpSpxxPageList(ErpSpxxForm erpSpxxForm, Authentication authentication) {
            ZzscSocialUser zzscSocialUser = (ZzscSocialUser) authentication.getPrincipal();
            erpSpxxForm.setGysid(zzscSocialUser.getZzscSocialUserInfo().getGysid());
            return new PageInfo<>(erpProductService.queryErpSpxxPageList(erpSpxxForm));
        }

**浏览器：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 2][]

** PUT请求方式：**

**前端写法：**

$.ajax({
        method:'put',
        data:{'spmc':'羽绒服', 'spcode':'8CF0106', 'dw':'条'},
        headers: {
            'Authorization':'Bearer '+token
        },
        },success:fucntion(data){
    
        },fail:function(err){
    })

**后端写法：**

@PutMapping(value = {"/addProductInfo"})
        public PageModel addProductInfo(@RequestBody @Valid ErpSpxx erpSpxx, BindingResult result, HttpServletResponse response, Authentication authentication) {
            String validmsg = ValidateUtility.judgeValidate(result, response);
            if (!SystemConstant.JSR303_VALID_OK.equals(validmsg)) {
                return PageModel.build(false, JSONObject.toJSONString(validmsg), null);
            }
            ZzscSocialUser zzscSocialUser = (ZzscSocialUser) authentication.getPrincipal();
            erpSpxx.setAddusername(zzscSocialUser.getUsername());
            erpSpxx.setGysid(zzscSocialUser.getZzscSocialUserInfo().getGysid());
            erpSpxx.setCreatetime(new Date());
            erpSpxx.setRate(new BigDecimal(SystemConstant.SPXX_DEFAULT_RATE));
            erpSpxx.setSellrate(new BigDecimal(SystemConstant.SPXX_DEFAULT_RATE));
            erpSpxx.setSellprice(erpSpxx.getPrice());
            erpSpxx.setJm(Pinyin4jUtil.getPinYinHeadChar(erpSpxx.getSpmc()).toUpperCase());
            try {
                return erpProductService.addProductInfo(erpSpxx);
            } catch (Exception ex) {
                logger.error(ex.getMessage());
                return PageModel.build(false, ex.getMessage(), null);
            }
        }

**浏览器： **

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 3][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70]: /images/20220414/9e3eefce42bc4123a6a35e47f0989c69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 1]: /images/20220414/df913a212e4b4377bd7f61822b366460.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 2]: /images/20220414/b0b7fcba99e5421680ca56bc57b47249.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 3]: /images/20220414/4155973b2abf4b86ba8bb104250ff23a.png