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 文件夹选择框的两种解决方案
Jul 01 Javascript
jQuery学习4 浏览器的事件模型
Feb 07 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
jquery中ajax学习笔记4
Oct 16 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
Nov 15 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
浅谈js中调用函数时加不加括号的问题
Jul 28 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
AngularJS动态菜单操作指令
Apr 25 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
Vue中全局变量的定义和使用
Jun 05 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写UltraEdit插件脚本实现方法
2011/12/26 PHP
PHP取整数函数常用的四种方法小结
2012/07/05 PHP
Zend Framework基于Command命令行建立ZF项目的方法
2017/02/18 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
jquery删除提示框弹出是否删除对话框
2014/01/07 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
JS中的const命令你真懂它吗
2020/03/08 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
python简单猜数游戏实例
2015/07/09 Python
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
儿童python练习实例
2018/05/27 Python
Python 3.x 判断 dict 是否包含某键值的实例讲解
2018/07/06 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
django多文件上传,form提交,多对多外键保存的实例
2019/08/06 Python
Python编写带选项的命令行程序方法
2019/08/13 Python
python取均匀不重复的随机数方式
2019/11/27 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
林清轩官方网站:山茶花润肤油开创者
2016/10/26 全球购物
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
消防安全汇报材料
2014/02/08 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
从事会计工作年限证明
2015/06/23 职场文书
关于运动会的宣传稿
2015/07/23 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS