新建文本文档 (2)

最新推荐文章于 2022-12-12 16:08:01 发布

努力的琦琦

最新推荐文章于 2022-12-12 16:08:01 发布

阅读量965

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48210599/article/details/108210872

版权

put请求传递参数的方式

今天项目中提交用户信息修改的时候调用了接口传递了接口但是接口返回错误信息，因为put的话，它的传参方式需要将参数设置为字符串的形式来进行传递，自己上网查了一下才解决

使用put和delete请求，直接指定 ajax 请求中的 type 为 put/delete(不带 _method 参数)，并且需要传递参数的时候data需要设置为json字符串

var jsonstr = {"id":1,"name":"zsw"};
$.ajax({
    url:"/update",
    type:"PUT",
    contentType:"application/json",//设置请求参数类型为json字符串
    data:JSON.stringify(jsonstr),//将json对象转换成json字符串发送
    dataType:"json",
    success:function(result){
        alert(result);
    },
});

https://www.cnblogs.com/wwct/p/12396799.html

vant 选择器内容的自定义

还是今天的表单提交修改的项目用到了选择地区地址的功能，所以自己就是上vant找了下，发现给的接口自己不会配合选择器使用，于是自己找到了vant另一个组件Area省市区选择

<van-area title="标题" :area-list="areaList" />

这里要注意areaList，他是官方的一个接口

https://github.com/youzan/vant/edit/dev/src/area/demo/area.js

/asstes/json/area.js
//连接地址边的js文件

import province_list from "../asstes/json/area"
 this.areaList = province_list;

接着配合弹出层就可以写出地址选择的效果

它的默认val为地区名字和地区号

配合文档进行请求接口就可以了

接着就是选择器内容自定义了

Picker

<van-picker
  title="标题"
  show-toolbar
  :columns="columns"
  @confirm="onConfirm"
  @cancel="onCancel"
  @change="onChange"
/>

上面的columns注意了~~这里要的是一个数组，数组呢里面只能是[“第一个”,“第二个”…]的形式，但是我们要传递的是一个数字，数组内容又只能是文字显示所以我就是先把当前点击的值进行保存，低级确定的时候，发送获取请求，遍历请求返回的东西，找到与刚才自己保存的文字匹配的一项，保存数字就很ok

subclass(val) {
      console.log(val);
      this.$refs.class.innerHTML = val;
      let token = JSON.parse(localStorage.token);
      attribute({ token }).then(res => {
        console.log(res);
        res.data.data[0].value.map(res => {
          if (res.name == val) {
            this.selectclass = res.id;
          }
        });
        console.log(this.selectclass);
        this.classshow = false;
      });
    },