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 相关文章推荐
iframe子父页面调用js函数示例
Nov 07 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
关于Vue的路由权限管理的示例代码
Mar 06 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
详解在React里使用&quot;Vuex&quot;
Apr 02 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
微信小程序动态显示项目倒计时
Jun 20 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
node实现mock-plugin中间件的方法
Dec 25 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
玛琪朵 Macchiato
2021/03/03 咖啡文化
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
详解PHP数组赋值方法
2015/11/07 PHP
php实现小程序支付完整版
2018/10/09 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
几个高效,简洁的字符处理函数
2007/04/12 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
js 连续赋值的简单实现
2016/06/13 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
强大Vue.js组件浅析
2016/09/12 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
Vuex中的State使用介绍
2019/01/19 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
python根据距离和时长计算配速示例
2014/02/16 Python
Python zip()函数用法实例分析
2018/03/17 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
班级活动策划书
2014/02/06 职场文书
《去年的树》教学反思
2014/04/11 职场文书
教师节寄语2015
2015/03/23 职场文书
调研报告的主要写法
2019/04/18 职场文书
python 实现的截屏工具
2021/05/08 Python
Python中的min及返回最小值索引的操作
2021/05/10 Python
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang