分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js提交map类型参数

发布时间:2023-09-06 02:00责任编辑:熊小新关键词:js

方式一:使用 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类型参数

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved