JS使用post提交的两种方式


Posted in Javascript onDecember 03, 2015

本文实例讲述了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 相关文章推荐
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
Vue仿百度搜索功能
Dec 28 Vue.js
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 #Javascript
五种js判断是否为整数类型方式
Dec 03 #Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 #Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 #Javascript
学习JavaScript设计模式(代理模式)
Dec 03 #Javascript
全面解析Bootstrap图片轮播效果
Dec 03 #Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 #Javascript
You might like
Terran建筑一览
2020/03/14 星际争霸
discuz7 phpMysql操作类
2009/06/21 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
浅谈mvvm-simple双向绑定简单实现
2018/04/18 Javascript
node Buffer缓存区常见操作示例
2019/05/04 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
js实现简单的倒计时
2021/01/28 Javascript
python使用pil生成缩略图的方法
2015/03/26 Python
Python实现遍历数据库并获取key的值
2015/05/17 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
python中的json总结
2018/10/11 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作
2021/03/03 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python
使用Springboot实现健身房管理系统
2021/07/01 Java/Android