JS使用post提交的两种方式_Javascript教程-查字典教程网
JS使用post提交的两种方式
JS使用post提交的两种方式
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JS使用post提交的两种方式。分享给大家供大家参考,具体如下:第一种提交post的方式是传统方式,判断浏览器进行post请求...

本文实例讲述了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/html;charset=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'});

希望本文所述对大家JavaScript程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类