码迷,mamicode.com
首页 > Web开发 > 详细

js提交map类型参数

时间:2018-06-16 17:55:22      阅读:647      评论:0      收藏:0      [点我收藏+]

标签:put   url   指定   注意   none   form表单   div   try   input   

方式一:使用 xmlHttpRequest 对象发送数据

function sendMapPost(map, url){
    var xmlHttpRequest = createXMLHttpRequest();//创建请求对象
    
    var params = "";
    for(var entry of map){
        if(entry[0]!=null){
            params += entry[0] + "=" + entry[1] + "&";
        }
    }
    if(params.length>0){//如果params不为空字符串,去除最后一个 连接符  &
        params.substr(0, params.length-1);
    }
    
    xmlHttpRequest.open("post", url, true);//true表示异步请求
    xmlHttpRequest.setRequestHeader("cache-control","no-cache");
    xmlHttpRequest.setRequestHeader("contentType","text/html;charset=uft-8") //指定发送的编码
    xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");  //设置请求头信息
    xmlHttpRequest.send(params);//发送数据
}

 

方式二:使用虚拟form表单的方式

function sendForm(param_map, url, method){
    var form = document.createElement("form");
    form.setAttribute("action", url);
    form.setAttribute("method", method);
    form.style.display = "none";
    
    //追加参数
    for(var entry of trolley){
        var param_input = document.createElement("input");
        param_input.setAttribute("type", "text");
        
        param_input.setAttribute("name", entry[0]);
        param_input.setAttribute("value", entry[1]);
        
        form.appendChild(param_input);
    }
    
    //body追加form表单
    document.body.appendChild(form);
    
    form.submit();//提交(注意,这里的提交调用者是form表单,不是submit按钮)
}

 

js提交map类型参数

标签:put   url   指定   注意   none   form表单   div   try   input   

原文地址:https://www.cnblogs.com/CUI-S/p/8932591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!