美文网首页
HTML 两种方法实现post

HTML 两种方法实现post

作者: wyude | 来源:发表于2016-11-29 17:31 被阅读0次

第一种提交post的方式是传统方式,判断浏览器进行post请求。

var postData = {
    "name1": "value1",
    "name2": "value2"};
postData = (function(obj){ // 转成post需要的字符串.
    var str = "";
    for(var prop in obj){
        str += prop + "=" + obj[prop] + "&"
    }
    return str;
})(postData);
var xhr = new XMLHttpRequest();
xhr.open("POST", "../module", true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){
    var XMLHttpReq = xhr;
    if (XMLHttpReq.readyState == 4&&XMLHttpReq.status == 200) {
            var text = XMLHttpReq.responseText;
            console.log(text);
        }
};
xhr.send(postData);

第二种方式则是虚拟表单的形式提交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'});

相关文章

  • HTML 两种方法实现post

    第一种提交post的方式是传统方式,判断浏览器进行post请求。 第二种方式则是虚拟表单的形式提交post请求

  • 小程序animation

    实现微信小程序之animation底部弹窗动画(两种方法): 参考https://juejin.im/post/5...

  • HTML 表单的用法

    HTML的表单通常设置在 标签中。 设置表单属性举例: 两种 HTTP 请求方法:GET 和 POST 在客户机和...

  • GetPost

    Http 方法:Get/Post 两种最常用的HTTP方法:Get和Post[https://www.jiansh...

  • ajax原生兼容

    总结一下JavaScript原生ajax写法 有get和post两种方法,写法差异不大 POST方法: GET方法

  • 测试汇总-温故而知新(持续更新)

    感谢各路大神提供宝贵资料。 GET和POST两种基本请求方法的区别 GET和POST是HTTP请求的两种基本方法,...

  • 实现滚动条自动滚动效果的两种方法

    实现页面滚动条自动滚动功能,有两种方法: 结合js方式,scrollTop html 1 ...

  • 99%的人都理解错了HTTP中GET与POST的区别

    GET和POST是什么?HTTP协议中的两种发送请求的方法。 GET和POST是HTTP请求的两种基本方法,要说它...

  • 原生js实现ajax及get post方法

    @拭目以待:首发于原生js实现ajax及get post方法 ajax原生实现,含 post与get方法。原码如下...

  • get和post的使用场景

    GET和POST两种方法都是将数据送到服务器。HTTP标准包含这两种方法是为了达到不同的目的。 POST用于创建资...

网友评论

      本文标题:HTML 两种方法实现post

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