Eric_Guo
Eric_Guo
  • 发布:2015-04-29 08:16
  • 更新:2018-03-09 09:56
  • 阅读:3231

mui.ajax 不能获取xml,出现abort错误

分类:MUI

用mui.ajax向服务器端发出请求,然后服务器端返回一份xml。
但是一次每弄成功。显示abort
请问怎样才能解决?

document.getElementById("ajaxBtn").addEventListener("tap",function(event){  

                    mui.ajax('http://tecchina.duapp.com/data.xml', {  
                        data: {  
                            username: 'username',  
                            password: 'password'  
                        },  
                        dataType: 'xml', //服务器返回xml格式数据  
                        type: 'post', //HTTP请求类型  
                        timeout: 10000, //超时时间设置为10秒;  
                        success: function(data) {  
                            //服务器返回响应,根据响应结果,分析是否登录成功;  
                            console.log(data);  
                        },  
                        error: function(xhr, type, errorThrown) {  
                            //异常处理;  
                            console.log(type);    
                        }  

                    });  

                });
2015-04-29 08:16 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com - 90it

这个问题我解决了,不知道你是不是在登录界面发生,我开始也是套用了,mui的登录模板,这个是很隐蔽的坑,
登录模板中是这样的
<button id='login' class="mui-btn mui-btn-block mui-btn-primary">登录</button>

大家注意看没有,给这按钮绑定事件是发送不了post请求的,一直报abort(中止),关键点在于
form表单下的按钮在没有指定type类型的时候,如果我们同时给其添加了点击事件的话... 会默认button为tpye=“submit” ,登录模板没有说明这个问题.导致很多小伙伴都用了登录的模板,我的解决办法就是在button加上一个type="button"
<button id='login' type="button" class="mui-btn mui-btn-block mui-btn-primary">登录</button>

这样就可以正常发送post请求登录了,搞了我两天时间,这种坑太隐蔽了

  • DCloud_UNI_CHB

    为了严谨,应该加上type属性,但示例中登录按钮并不在form表单下。

    2018-09-10 16:08

freedemon

freedemon - 得于社区,反哺社区

建议用postman进行接口测试

该问题目前已经被锁定, 无法添加新回复