JS发送json格式POST请求有哪些方式

JavaScript013

JS发送json格式POST请求有哪些方式,第1张

以Ajax方式发送

<script type="text/javascript">

一、获取url所有参数值

function US() {

var name, value

var str = location.href

var num = str.indexOf("?")

str = str.substr(num + 1)

var arr = str.split("&")

for (var i = 0 i < arr.length i++) {

num = arr[i].indexOf("=")

if (num > 0) {

name = arr[i].substring(0, num)

value = arr[i].substr(num + 1)

this[name] = value

}

}

}

二、使用JS 发送JSON格式的POST请求

 var us = new US()

var xhr = new XMLHttpRequest()

xhr.open("POST", "/searchguard/api/v1/auth/login", true)

xhr.setRequestHeader("Content-type", "application/json")

xhr.setRequestHeader("kbn-version", "5.3.0")

xhr.onreadystatechange = function() {

if (xhr.readyState == 4) {

if (xhr.status == 200) {

window.location.href = us.nextUrl

}

}

}

xhr.send(JSON.stringify({

"username" : us.u,

"password" : us.p

}))

</script>

其实你完全可以采用jquery的ajax方式来读取.var result = false

var thenow = new Date()

$.ajax({

type:"POST",

url:"此处为相对路径的php文件?Time="+thenow.getMilliseconds()+"M"+thenow.getSeconds()+"",

data:{id:id},

success:function(data){

}

})

如果你不用jquery

 var xmlHttps = new Array(10) 

 var e

 var EndHtml=false

 

 //创建XMLHTTP对象

 function getXMLHTTPObj()

 {

  var C = null

  try

  {

    C = new ActiveXObject("Microsoft.XMLHTTP")

  }

  catch(e)

  {

   try

   {

    C = new ActiveXObject("Msxml2.XMLHTTP")  

   }

   catch(sc)

   {

    C = null

   }

  }

  

  if( !C && typeof XMLHttpRequest != "undefined" )

  {

   C = new XMLHttpRequest()

  }

  

  return C

 }

 

 function GetDetail(userid,id) 

 { 

   

  document.getElementById(id).innerHTML = ""

  

   

  try

  { 

   xmlHttps[id]=false

   xmlHttps[id]= getXMLHTTPObj()

   if( xmlHttps[id] )

   {

     

  

  var realUrl = "/Ajax.aspx?action="+id+"&userid=" + escape(userid)+"&date="+new Date().getTime()

 

 

    xmlHttps[id].open("get", realUrl, true)

    //设置回调函数

    xmlHttps[id].onreadystatechange = function(){updatePage(id,xmlHttps[id])} 

    //发送请求

    xmlHttps[id].send(null)

   // xmlHttps.abort()   

   }

   else

   {

   

  document.getElementById(id).innerHTML = "<font color=#ff0000>×</font>您的浏览器不支持"

   }

  }

  catch (e)

  {

  

  document.getElementById(id).innerHTML = "<font color=#ff0000>×</font> 发生异常"

  

  }

 }

第一种提交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'})