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 相关文章推荐
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
JQuery标签页效果的两个实例讲解(4)
Sep 17 Javascript
JSON+Jquery省市区三级联动
Jan 13 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
vue-cli webpack 开发环境跨域详解
May 18 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
vue+iview+less 实现换肤功能
Aug 17 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 Javascript
js实现简易计算器功能
Oct 18 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 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 max_execution_time执行时间问题
2011/07/17 PHP
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
laravel-admin 与 vue 结合使用实例代码详解
2019/06/04 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
python实现的简单FTP上传下载文件实例
2015/06/30 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片
2019/03/14 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
PyQt 如何创建自定义QWidget
2021/03/24 Python
工业设计专业个人求职信范文
2013/12/28 职场文书
学习自我鉴定
2014/02/01 职场文书
优秀本科生求职推荐信
2014/02/24 职场文书
演讲稿祖国在我心中
2014/05/04 职场文书
党员承诺践诺书
2014/05/20 职场文书
合唱兴趣小组活动总结
2014/07/10 职场文书
2014法院干警廉洁警示教育思想汇报
2014/09/13 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
民事答辩状范本
2015/05/21 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书