欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

JS使用post提交的两种方式

时间:2021-02-13 11:12:16|栏目:JavaScript代码|点击:

本文实例讲述了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程序设计有所帮助。

上一篇:ajax提交到java后台之后处理数据的实现

栏    目:JavaScript代码

下一篇:JavaScript判断一个URL链接是否有效的实现方法

本文标题:JS使用post提交的两种方式

本文地址:http://www.codeinn.net/misctech/62221.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有