美文网首页
js自制表单提交

js自制表单提交

作者: 五岁小孩 | 来源:发表于2020-12-27 15:44 被阅读0次

    js自制表单提交

    目的

    • 实现提交参数且需要跳转页面

      • 1.ajaxPOST提交,成功后在js跳转页面(错误可控)
      • 2.form表单参数提交(错误js不可控)
    • js自制表单

      //提交的url
      var submitUrl="/url"
      //定义参数JSON;key为 input的name属性
      //value 为input的值
      var params={
              "Param01":"Param01",
              "Param02":"Param02",
          }
          var form = $("<form method='post'></form>");
          var input;
          form.attr({"action":submitUrl});
          for (var key in params) {
              input = $("<input type='hidden'>");
              input.attr({"name":key});
              input.val(params[key]);
              form.append(input);
          }
          $(document.body).append(form);
          form.submit();
      

    相关文章

      网友评论

          本文标题:js自制表单提交

          本文链接:https://www.haomeiwen.com/subject/jgponktx.html