JS使用post提交的两种方式

 更新时间:2015年12月03日 10:50:33   作者:wiseideal  
这篇文章主要介绍了JS使用post提交的两种方式,实例分析了两种JavaScript使用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程序设计有所帮助。

相关文章

  • js截取字符串的两种方法及区别详解

    js截取字符串的两种方法及区别详解

    本文是对js截取字符串的两种方法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 详解JS如何判断对象上是否存在某个属性

    详解JS如何判断对象上是否存在某个属性

    判断某一个对象里面是否存在某个属性,是常见错误场景排查,但是你真的知道该如何使用嘛,本文为大家整理了常用的三种方法,希望对大家有所帮助
    2023-05-05
  • js表单处理中单选、多选、选择框值的获取及表单的序列化

    js表单处理中单选、多选、选择框值的获取及表单的序列化

    这篇文章主要介绍了js表单处理中单选、多选、选择框值的获取及表单的序列化的相关资料,需要的朋友可以参考下
    2016-03-03
  • 浅谈JS中逗号运算符的用法

    浅谈JS中逗号运算符的用法

    下面小编就为大家带来一篇浅谈JS中逗号运算符的用法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript动画函数封装详解

    JavaScript动画函数封装详解

    动画的原理是通过定时器setInterval() 不断移动盒子位置。但是如果同时有好几个元素都需要添加动画呢?我们就可以考虑将其封装成一个简单的动画函数。本文将为大家介绍如何进行封装,需要的可以参考一下
    2021-12-12
  • 对frameset、frame、iframe的js操作示例代码

    对frameset、frame、iframe的js操作示例代码

    父框架到子框架的引用、子框架到父框架的引用、兄弟框架间的引用、不同层次框架间的互相引用具体实现如下,有此需求的朋友可以参考下
    2013-08-08
  • JavaScript实现复制文本到剪切板功能的方法小结

    JavaScript实现复制文本到剪切板功能的方法小结

    这篇文章给大家介绍了三种JavaScript实现复制文本到剪切板的方法,Clipboard API,document.execCommand以及useClipboard这三个接口,文章通过代码示例给大家介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • JS获取子、父、兄节点方法小结

    JS获取子、父、兄节点方法小结

    这篇文章主要介绍了JS获取子、父、兄节点方法总结及JS获取兄弟节点的两种方法,需要的朋友可以参考下
    2017-08-08
  • javascript每日必学之循环

    javascript每日必学之循环

    javascript每日必学之循环,本文的主要内容就是循环,死循环时进行bug调式,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 一文详解如何在uniapp中设置隐私政策弹窗

    一文详解如何在uniapp中设置隐私政策弹窗

    在将uniapp打包成APP端时,上架到应用市场的时候需要配置隐私弹窗,下面这篇文章主要给大家介绍了关于如何在uniapp中设置隐私政策弹窗的相关资料,需要的朋友可以参考下
    2023-01-01

最新评论