1. 程式人生 > >H5+app -- 關於ajax提交問題

H5+app -- 關於ajax提交問題

lrj 只有一個 class col span 16px out 已久 .com

  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.最簡單就是直接多加一個文本框,然後進行隱藏。

    如下: 

<form class="mui-input-group">
	<div class="mui-input-row">
	  <label style="font-size: 90%;">掃描條碼:</label>
	  <input type="text" class="mui-input-clear" placeholder="請輸入條碼" id="trackingNo" value="" style="color: blue">
	</div>
	  <div class="mui-input-row" style=" display: none;">  //格式隨意,只要不是一個文本框,就沒有問題了
	  <input type="text" class="mui-input-clear" placeholder="隱藏" id="trackingNo1" value="">
	</div>
</form>

    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

H5+app -- 關於ajax提交問題