美文网首页
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