美文网首页
js POST提交的两种方式

js POST提交的两种方式

作者: Yumazhiyao | 来源:发表于2016-12-26 17:39 被阅读2018次

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

    相关文章

      网友评论

          本文标题:js POST提交的两种方式

          本文链接:https://www.haomeiwen.com/subject/bgnjvttx.html