form.submit 不是函数 - Angular 11

Question

我遇到了一个问题，几天来一直无法解决。我正在动态创建一个表单以 POST 到外部付款 URL，但我最终遇到了主题错误。这是代码片段：

var form = <HTMLFormElement>document.createElement("newPlanForm");
form.method = "POST";
form.action = "https://somewebsite.comd/somepage";
form.append('Content-Type', 'application/x-www-form-urlencoded');
form.append('Accept', 'application/json');
form.style.display = 'none';

var account_number: HTMLInputElement = document.createElement("input");
account_number.value='xxxxxxxxx';
account_number.name='account_number';
form.appendChild(account_number);

document.body.appendChild(form);
form.submit();

对如何进行有什么建议吗？提前谢谢你。

Answer 1

我们需要进行如下更改，

使用 'form' 而不是 'newPlanForm' 创建元素，这是导致问题的原因。

  var form = document.createElement("form");
   form.method = "POST";
   form.action = "https://somewebsite.comd/somepage";
   form.style.display = 'none';
  
   // form['Content-Type'] =  'application/x-www-form-urlencoded';
   // form['Accept'] = 'application/json';
   // above attributes are not valid


  var account_number = document.createElement("input");
   account_number.value='xxxxxxxxx';
   account_number.name='account_number';
   form.appendChild(account_number);

 document.body.appendChild(form);
 form.submit();                       // will submit the form

快乐编码..:)

form.submit 不是函数 - Angular 11

form.submit is not a function - Angular 11

angular

typescript

forms

submit

angular11