JS使用textarea模拟post提交表单

摘要：textarea代表HTML表单多行输入域，textarea标签是成对出现的,以开始,以结束。cols -- 多行输入域的列数，rows -- 多行输入域的行数

textarea 标签

textarea代表HTML表单多行输入域
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束

属性:

cols -- 多行输入域的列数
rows -- 多行输入域的行数
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序

示例

<form action="/demo/demo_form.asp">
<textarea name="abc">abc</textarea>
<br><br>
<input type="submit" value="Submit">
</form>

服务器接收到的用户输入为：
abc=abc

JS使用textarea模拟post提交表单

function post(URL, PARAMS) {        
    var temp = document.createElement("form");        
    temp.action = URL;        
    temp.method = "post";        
    temp.style.display = "none";        
    for (var x in PARAMS) {        
        var opt = document.createElement("textarea");        
        opt.name = x;        
        opt.value = PARAMS[x];        
        // alert(opt.name)        
        temp.appendChild(opt);        
    }        
    document.body.appendChild(temp);        
    temp.submit();        
    return temp;        
}

调用方法

post('pages/statisticsJsp/excel.action', {html :prnhtml,cm1:'sdsddsd',cm2:'haha'});

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_5721