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