前端Form表單提交POST請(qǐng)求方法

方法一

import qs from 'qs';

export function createRequestForm(data) {
  //創(chuàng)建form表單
  var temp_form = document.createElement("form");
  temp_form.action = data.url;
  //如需打開新窗口,form的target屬性要設(shè)置為'_blank'
  temp_form.target = data.target || "_self";
  temp_form.method = data.method || "post";
  temp_form.style.display = "none";
  //添加參數(shù)
  var location = data.url.split('?')
  var theParams =qs.parse(location[1],{ignoreQueryPrefix:true});
  var PARAMTERS={...theParams,...data.params};
  for (var item in PARAMTERS) {
    var opt = document.createElement("textarea");
    opt.name = item;
    opt.value = PARAMTERS[item];
    temp_form.appendChild(opt);
  }
  document.body.appendChild(temp_form);
  //提交數(shù)據(jù)
  temp_form.submit();
}

方法二

export function createRequestForm(data) {
  //創(chuàng)建form表單
  var temp_form = document.createElement("form");
  temp_form.action = data.url;
  //如需打開新窗口,form的target屬性要設(shè)置為'_blank'
  temp_form.target = data.target || "_self";
  temp_form.method = data.method || "post";
  temp_form.style.display = "none";
  //添加參數(shù)
  var theParams = getUrlParams(data.url);
  var PARAMTERS={...theParams,...data.params};
  for (var item in PARAMTERS) {
    var opt = document.createElement("textarea");
    opt.name = item;
    opt.value = PARAMTERS[item];
    temp_form.appendChild(opt);
  }
  document.body.appendChild(temp_form);
  //提交數(shù)據(jù)
  temp_form.submit();
}
export function getUrlParams(url, name) {
  const arr = (url.split("?")[1] || "").split("&");
  const params = {};
  for (let i = 0; i < arr.length; i++) {
    let data = arr[i].split("=");
    if (data.length == 2) {
      params[data[0]] = data[1];
    }
  }
  if (name) {
    return params[name];
  }
  return params;
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容