* 1创建XMLHttpRequest对象 */
var xhr = ajaxFunction()
/*
* 2服务器向浏览器响应请求
*
* readyState 属性表示Ajax请求的当前状态。它的值用数字代表。
0 代表未初始化。 还没有调用 open 方法
1 代表正在加载。 open 方法已被调用，但 send 方法还没有被调用
2 代表已加载完毕。send 已被调用。请求已经开始
3 代表交互中。服务器正在发送响应
4 代表完成。响应发送完毕
常用状态码及其含义：
404 没找到页面(not found)
403 禁止访问(forbidden)
500 内部服务器出错(internal service error)
200 一切正常(ok)
304 没有被修改(not modified)(服务器返回304状态，表示源文件没有被修改 ) */
xhr.onreadystatechange = function(){
alert(xhr.readyState) //alert(xhr.status)
if(xhr.readyState==4){if(xhr.status==200||xhr.status==304){
var data = xhr.responseText
alert(data)
}
}
}
/*
* 3浏览器与服务器建立连接
*
* xhr.open(method, url, asynch)
* * 与服务器建立连接使用
* * method：请求类型，类似 “GET”或”POST”的字符串。
* * url：路径字符串，指向你所请求的服务器上的那个文件。请求路径
* * asynch：表示请求是否要异步传输，默认值为true(异步)。 */
xhr.open("POST","../testServlet?timeStamp="+new Date().getTime()+"&c=18",true)
//如果是POST请求方式，设置请求首部信息
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded")
/*
* 4浏览器向服务器发送请求
*
* send()方法：
* * 如果浏览器请求的类型为GET类型时，通过send()方法发送请求数据，服务器接收不到
* * 如果浏览器请求的类型为POST类型时，通过send()方法发送请求数据，服务器可以接收 */
xhr.send("a=6&b=9") //xhr.send(null)
第一种提交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'})
可以通过解析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)
