mui.ajax请求后台数据出现error

柔情只为你懂 2023-10-17 23:50 111阅读 0赞

我修改完mui官方的代码为：

mui.ajax('http://192.168.0.123:8080/ssm/login',{
    		data:{
    		loginName:accountBox.value,
    		loginPassword:passwordBox.value
    		},
    		dataType:'JSON',//服务器返回json格式数据
    		type:'POST',//HTTP请求类型
    		timeout:10000,//超时时间设置为10秒；
    		headers:{'Content-Type':'Content-Type':'application/json'},	              
    		success:function(data){
    		//服务器返回响应，根据响应结果，分析是否登录成功；
    		    alert(JSON.stringify(data)+'asdasd');
    		    console.log(JSON.stringify(data));
    		},
    		error:function(xhr,type,errorThrown){
    		    //异常处理；
    		    alert("异常处理");
    		    console.log(type);
    });

但是当你请求java后台数据时，后台运用request.getParameter("loginName");获取不到数据；此处时ajax跨域请求的问题，

把以下代码：

headers:{'Content-Type':'Content-Type':'application/json'},

修改为：

headers:{'Content-Type':'application/x-www-form-urlencoded'},

当然后台也同样修改：

@RequestMapping(value="/login",produces="application/json;charset=utf-8",consumes="application/x-www-form-urlencoded")

即可解决跨域问题，后台也能获取到数据。

但是如果你后台返回的数据不是json数据时，该mui.ajax方法同样会走error

要么把以下代码删除，要么把后台数据转换为json数据再返回，否则还是会报错。

dataType:'json',//服务器返回json格式数据

发表评论取消回复

表情：

评论列表（有 0 条评论，111人围观）

还没有评论，来说两句吧...

相关阅读

相关 mui.ajax请求后台数据出现error

我修改完mui官方的代码为： mui.ajax('http://192.168.0.123:8080/ssm/login',{ data:{

柔情只为你懂/ 2023年10月17日 23:50/ 0 赞/ 112 阅读

相关 Vue项目中axios请求SpringBoot后台数据出现跨域

Vue项目中axios请求SpringBoot后台数据出现跨域问题出现跨域问题时不一定是前端的问题出现跨域问题时不一定是前端的问题对Sprin

╰+攻爆jí腚メ/ 2023年07月20日 13:37/ 0 赞/ 2 阅读

相关 axios专题（请求后台数据）

Axios是一个基于promise的HTTP库，可以用在浏览器和nodejs中(参考axios中文网站) 安装使用npm npm install axios

朱雀/ 2023年06月29日 05:53/ 0 赞/ 326 阅读

相关 vue element admin 后台请求Uncaught (in promise) Error: Error at __webpack_exports__.def问题

转自：[https://blog.csdn.net/chen798213337/article/details/111300947][https_blog.csdn.net_c

分手后的思念是犯贱/ 2022年11月18日 13:46/ 0 赞/ 290 阅读

相关 jsp页面向后台请求数据的方式

1.window.open(url); 打开新的一个页面进行请求。 2.windows.location.href 在当前页面进行请求 3.$.

红太狼/ 2022年08月07日 14:50/ 0 赞/ 194 阅读

相关 Ajax请求后台数据

![20181218125835157][] 一、前期准备安装好XAMPP软件，并运行起来。本文代码是基于XAMPP开发环境，XAMPP是完全免费且易于安装的Apac

绝地灬酷狼/ 2022年04月08日 13:42/ 0 赞/ 295 阅读

相关 ajax 请求后台

先简单的记录一下 ajax 的用法 HttpServletResponse response = ServletActionContext.ge

柔情只为你懂/ 2021年11月16日 22:50/ 0 赞/ 338 阅读

相关 ajax请求后台数据、返回值处理

$.ajax(\{ url:"/userAdmin/list", //请求后台的地址 type:"post", //请求方式 da

本是古典何须时尚/ 2021年09月30日 03:04/ 0 赞/ 457 阅读

相关 ajax获取后台数据出现时间格式问题

前言:ajax获取后台时间出现了格式问题，比如出现一串整数:12121221212121,或者出现日期错乱的问题,少天数，少一个月份，各种各样的问题，都有，希望把我所遇到的问题

蔚落/ 2021年09月22日 14:26/ 0 赞/ 577 阅读

相关前台请求后台用@RequestBody接收数据

请求示例：将传输的对象JSON.stringify() JSON.stringify() 表示从一个对象中解析出字符串 $.ajax({ ur

╰+攻爆jí腚メ/ 2021年06月24日 16:09/ 0 赞/ 513 阅读