h5app不支持ajax,H5+app -- 关于ajax提交问题

1、前阵子在做系统的h5+ app为满足手机端也能进行业务操作，例如：提货，扫描入库之类的。所以就要将做接口，从手机端调用后台系统的方法。

2、例如这样的请求格式，但是呢，每次请求它都直接跳到error，刚开始还以为是网络问题，就连上wifi试了试，发现还是直接跳error。然后就开始怀疑请求格式了。。。

如下：

function openScan(data) {

mui.ajax(OPENSCAN, {

data: data,

dataType: 'json',

type: 'post',

timeout: 10000,

headers: {

'Content-Type': 'application/json',

'accessToken': localStorage.getItem('accessToken')

},

success: function(result) {

JQ("#prompt1").html("");

},

error: function(xhr, type, errorThrown) {

app.ajaxError(xhr, type, errorThrown);

}

});

｝

3、其实是正确的格式。。。最后突然想起来，tm。。。原来只有一个文本框，这时候已经是1个多小时后了。

4、所以一个文本框时会出现bug，历史由来已久，想了解问度娘。

5、所以顺便说说一个文本框bug解决的方法。

a.最简单就是直接多加一个文本框，然后进行隐藏。

如下:

扫描条码：

//格式随意，只要不是一个文本框，就没有问题了

b. 使用preventDefault()方法，preventDefault() 方法阻止元素发生默认的行为(例如，当点击提交按钮时阻止对表单的提交)。

如下：

doc.querySelector('#trackingNo').addEventListener('keydown', function(e) {

e.preventDefault();

if(e.keyIdentifier == "Enter") {

var trackingNo = JQ('#trackingNo').val();

if(trackingNo == null || trackingNo == '') {

alert("扫描条码不能为空！");

return;

}

openScan(trackingNo);

}

});

后记：转发请注明出处：https://www.cnblogs.com/lrj1009IRET/p/9998142.html