咨询：Facebook移动内嵌浏览器中表单POST提交变GET的解决方案

我的网页上设有若干下载链接，通过以下JS函数创建表单POST请求，以从服务器获取FileResult：

function downloadFile() {
    var $form = $('<form method="post"/>').attr('action', 'downloadFileUrl').appendTo('body');

    $form.append("<input type='hidden' name='" + paramx + "' value='" + valx + "'/>");
    ...

    $form.submit();
    $form.remove();
}

该功能在桌面端、普通移动浏览器应用中均可正常运行，但当通过Facebook移动应用（无地址栏的内嵌浏览器）打开页面时，表单提交会执行GET请求而非预期的POST请求。请问是否有已知解决方案？

• 显式声明表单编码类型：Facebook内嵌浏览器对未指定enctype的表单可能存在解析异常，显式添加enctype="application/x-www-form-urlencoded"（POST表单默认编码），强制浏览器识别为POST请求：

  var $form = $('<form method="post" enctype="application/x-www-form-urlencoded"/>').attr('action', 'downloadFileUrl').appendTo('body');
  

• 延迟移除表单：原代码在提交后立即删除表单，可能导致内嵌浏览器还未完成POST请求就丢失了表单上下文。改用setTimeout延迟移除：

  $form.submit();
  setTimeout(() => {
      $form.remove();
  }, 500); // 500ms延迟足够保证请求触发
  

• 改用原生JS构建表单：部分内嵌浏览器对jQuery的DOM操作兼容性不佳，用原生JS创建表单可以避免这类问题：

  function downloadFile() {
      const form = document.createElement('form');
      form.method = 'POST';
      form.action = 'downloadFileUrl';
      form.enctype = 'application/x-www-form-urlencoded';
  
      // 添加参数输入框
      const input = document.createElement('input');
      input.type = 'hidden';
      input.name = paramx;
      input.value = valx;
      form.appendChild(input);
      // 重复上述代码添加其他参数...
  
      document.body.appendChild(form);
      form.submit();
      setTimeout(() => {
          document.body.removeChild(form);
      }, 500);
  }
  

• 排查服务器端重定向：如果服务器处理POST请求后返回重定向响应，Facebook内嵌浏览器可能会将后续跳转转为GET请求。确保服务器直接返回FileResult，不进行额外重定向。

内容的提问来源于stack exchange，提问作者buga