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 相关文章推荐
javascript中的对象创建 实例附注释
Feb 08 Javascript
jQuery中(function(){})()执行顺序的理解
Mar 05 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 Javascript
如何使用HTML5地理位置定位功能
Apr 27 Javascript
javascript常用函数(2)
Nov 05 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
es6学习笔记之Async函数的使用示例
May 11 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
浅谈vue的踩坑路
Aug 31 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
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
PHP的Yii框架入门使用教程
2016/02/15 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
JavaScript入门基础
2015/08/12 Javascript
浅谈angularjs依赖服务注入写法的注意点
2017/04/24 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python高并发异步服务器核心库forkcore使用方法
2013/11/26 Python
栈和队列数据结构的基本概念及其相关的Python实现
2015/08/24 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
Python基于回溯法子集树模板解决全排列问题示例
2017/09/07 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
使用python实现ftp的文件读写方法
2019/07/02 Python
Python math库 ln(x)运算的实现及原理
2019/07/17 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
python三引号如何输入
2020/07/06 Python
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
IBatis持久层技术
2016/07/18 面试题
高中生逃课检讨书
2014/10/10 职场文书
技术支持岗位职责
2015/02/13 职场文书
跑吧孩子观后感
2015/06/10 职场文书
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript
Python中的datetime包与time包包和模块详情
2022/02/28 Python
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL