mui.ajax() abort

哎,坑踩的太多了。脑壳疼!!!!!!!!!


这不 ,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后发现自己动手解决问题的能力提高了太多太多,因为相关资料太少了。



评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

独行侠_阿涛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值