JS使用post提交的两种方式。分享给大家供大家参考，具体如下：
第一种提交post的方式是传统方式，判断浏览器进行post请求。
<SCRIPT stype=text/javascript>var xmlobj //定义XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
//如果当前浏览器支持Active Xobject，则创建ActiveXObject对象
{
//xmlobj = new ActiveXObject("Microsoft.XMLHTTP")
try {
xmlobj = new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
xmlobj = new ActiveXObject("Microsoft.XMLHTTP")
} catch (E) {
xmlobj = false
}
}
}
else if(window.XMLHttpRequest)
//如果当前浏览器支持XMLHttp Request，则创建XMLHttpRequest对象
{
xmlobj = new XMLHttpRequest()
}
}
function SubmitArticle(act,cityname,antique) //主程序函数
{
CreateXMLHttpRequest() //创建对象
//var parm = "act=firstweather" //构造URL参数
//antique = escape(antique)
var parm = "act=" + act + "&cityname=" + cityname + "&antique=" + antique//构造URL参数
//xmlobj.open("POST", "{dede:global.cfg_templeturl/}/../include/weather.php", true) //调用weather.php
xmlobj.open("POST", "/weather/include/weather.php", true) //调用weather.php
xmlobj.setRequestHeader("cache-control","no-cache")
xmlobj.setRequestHeader("contentType","text/htmlcharset=uft-8") //指定发送的编码
xmlobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded") //设置请求头信息
xmlobj.onreadystatechange = StatHandler //判断URL调用的状态值并处理
xmlobj.send(parm) //设置为发送给服务器数据
}
第二种方式则是虚拟表单的形式提交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'})document.querySelector("#btnAjax").onclick = function () {var ajax = new XMLHttpRequest()
// 使用post请求
ajax.open('post','ajax_post.php')
// 如果 使用post发送数据 必须 设置 如下内容
// 修改了 发送给 服务器的 请求报文的 内容
// 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded")
// 发送
// post请求 发送的数据 写在 send方法中
// 格式 name=jack&age=18 字符串的格式
ajax.send('name=jack&age=998')
// 注册事件
ajax.onreadystatechange = function () {
if (ajax.readyState==4&&ajax.status==200) {
console.log(ajax.responseText)
}
}
}
可以通过解析url路径,获取参数：
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&]+?)(&|#||$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}
var orgid = getURLParameter('orgid')
var orglevel = getURLParameter('orglevel')
console.log('orgid='+orgid)
console.log('orglevel='+orglevel)
扩展资料
html中通过url地址传参及获取参数：
var url = document.location.toString()//获取url地址
var urlParmStr = url.slice(url.indexOf('?')+1)//获取问号后所有的字符串
var arr = urlParmStr.split('&')//通过&符号将字符串分割转成数组
var courseId = arr[0].split("=")[1]//获取数组中第一个参数
var unit_title=arr[1].split("=")[1]//第二个参数
unit_title=decodeURI(unit_title)//转码将解码方式unscape换为decodeURI，将中文参数获取
console.log(unit_title)
