哎,坑踩的太多了。脑壳疼!!!!!!!!!
这不 ,mui.ajax报错,我都不知道是什么鬼,前一秒好好的,后一秒就报错了。重点是没有多余的错误信息。
mui.ajax('http://server/',{
data:{
dateTime:searchTime
},
dataType:'json',
type:'post',
timeout:10000,
success:function(data){
//TODO
},
error:function(xhr,type,errorThrown){
console.log(type);
console.log(JSON.stringify(xhr));
}
});
这段代码请求服务端,在服务器打印了日志,发现是正常有访问的,但是结果是进入了error方法里头,而且type=abort,是否访问被中止了呢?求各位解惑。具体信息如下:
xtr:
{"statusText":"","status":0,"response":"","responseType":"","responseXML":null,"responseText":"","upload":{"onprogress":null,"onloadstart":null,"onloadend":null,"onload":null,"onerror":null,"onabort":null},"withCredentials":false,"readyState":4,"timeout":0,"ontimeout":null,"onprogress":null,"onloadstart":null,"onloadend":null,"onload":null,"onerror":null,"onabort":null}
扫地僧最近心情不好,因为发现mui的资料真的太少了。教我们怎么用的资料是不少,但是出现问题了怎么解决的资料真的实在是少的可怜。
这不这次遇到的这个坑,最后居然是在一个论坛的倒数第n条的留言中找到帮助信息的:
然后呢,经过排查,扫地僧发现。自己再代码的重构过程中误删除了<form>的指向iframe,大家都知道,form表单的提交肯定是要跳转的。于是扫地僧在同一个页面隐藏了一个iframe,然后设定form的提交动作跳转该iframe,就可以在视觉上形成无刷新提交form表单:
<form id="searchForm" target="frameFile">
<div class="mui-row">
<div class="mui-col-xs-1">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
</div>
<div class="mui-col-xs-11">
<div class="mui-input-row mui-search">
<input id="search" type="search" class="mui-input-speech mui-input-clear" placeholder="搜索一本通">
</div>
</div>
</div>
<!--不刷新页面-->
<iframe name='frameFile' style="display: none;"></iframe>
</form>
有踩相同坑的,欢迎看过来!!!!!!!!!!!
多啰嗦一句:用了mui后发现自己动手解决问题的能力提高了太多太多,因为相关资料太少了。