Ajax post访问服务器接口;上传及请求数据;上传文件;

Ajax post访问服务器访问接口

1.json格式传值接口

$.ajax({
                url:"https://aaa.bbb.com:4435/user/login",
                type:"POST",
                dataType:"json",
                data: JSON.stringify({account:user,password:password}),
                contentType: 'application/json;charset=utf-8',
                success:(date)=>{
                    console.log(date)
                },
                error:(err)=> {
                    console.log(err)
                }
            })

需修改及填写内容:
url:服务器相应域名及接口;
data:上传的数据;需要填写JSON.stringify(data)进行数据json格式化转换
contentType:上传头部类型,标示着上传的格式,字符编码格式;json传值必填
success:成功执行函数;其中注意data里的返回数值,code或者是state;
error:失败执行函数;

2.普通formdata传值

 $.ajax({
            type: "post",
            url: "/JCmenu/selectChanPinLeiXingTree",
            data: {userId:sessionStorage.getItem('userid')},
            async:false,
            dataType: "json",
            success: function(data){
                thisData=data;
            }
        });

url:输入要访问的接口名称即可,如果未输入域名,则自动访问本地网络下的接口;
data:一般格式为{a:b}

3.上传file格式的文件

var formData = new FormData();
     formData.append("file", imgFile.files[0]);
$.ajax({
                type: "post",
                url: "/layIm/uploadImage",
                data: formData,
                async:false,
                dataType: "json",
                cache: false,//上传文件无需缓存
                processData: false,//用于对data参数进行序列化处理这里必须false
                contentType: false, //必须
                success: function(data){
                   console.log(data)
                   IndexImgSrc = data.data.src
                }
            });

formData:先使用formData.append来格式化数据append.(“dataName”,data )
processData:这里是对data参数进行序列化处理,必须写false
contentType:必须填false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值