小程式 中使用 form 表單提交

2022-08-30 18:15:13 字數 880 閱讀 2841

在最近的小程式專案中,使用到了 內嵌 h5 頁面,在 h5 中需要使用 form 表單提交資料。

h5 使用的技術框架是 vue+vuex,剛開始編碼如下:

//form表單,v-model繫結資料//介面內提交表單資料

let form = this.$refs.setform;

this.id = res.data.id;

this.code = res.data.code;

this.dta = res.data.data;

form.submit();

聯調發現這樣寫,v-model 內的引數沒有賦值。親測以下兩種方法都可以拿到值:

解決方法1:v-model 結合延時處理

//介面內提交表單資料

let form = this.$refs.setform;

this.id = res.data.id;

this.code = res.data.code;

this.dta = res.data.data;

settimeout(function(),500);

解決方法2:使用 document 建立元素

//form表單//介面內提交表單資料

let form = this.$refs.setform;

arr = [,,];

for(let p in arr)

form.submit();

這樣寫在 h5 中訪問是沒有問題的,但是當在小程式的環境中訪問時問題來了:form-data 裡根本沒有資料!

原因在於:web-view 與 form-data 不能同時使用。

//form表單

2017 01 11小程式form表單提交

1.小程式相對於之前的web php建站來說,個人理解為只是將 webjson 的形式返回給小程式。2.昨天寫了登入註冊 忘記密碼功能,他們實質上都是乙個表單提交操作。因此就拿註冊功能來寫這個例子。3.目錄圖 js檔案是邏輯控制,主要是它傳送請求和接收資料,json 用於此頁面區域性 配置並且覆蓋全...

form表單提交

表單的enctype屬性 enctype 屬性規定在傳送到伺服器之前應該如何對表單資料進行編碼。value 值 描述在傳送前編碼所有字元 預設 multipart form data 不對字元編碼。在使用包含檔案上傳控制項的表單時,必須使用該值。text plain 空格轉換為 加號,但不對特殊字元...

form表單提交

1.當輸入使用者名稱和密碼為空的時候,需要判斷。這時候就用到了校驗使用者名稱和密碼,這個需要在jsp的前端頁面寫 有兩種方法,一種是用submit提交。一種是用button提交。方法一 在jsp的前端頁面的頭部插入乙個js方法 function checkuser if password else ...