JS使用post提交的两种方式
作者:bea
本文实例讲述了JS使用post提交的两种方式。分享给大家供大家参考,具体如下: 第一种提交post的方式是传统方式,判断浏览器进行post请求。 <SCRIPT stype=text/javascript>var xmlobj; //定义XMLHttpRequest对象function CreateXMLHttpRequest(){if(window.ActiveXObject)//如果当前浏览器支持Active Xobject,则创建ActiveXObjec
本文实例讲述了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程序设计有所帮助。
有用 | 无用
第一种提交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程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 全面解析Bootstrap手风琴效果
- 简单对比分析JavaScript中的apply,call与this的使用
- 详解JavaScript的Date对象(制作简易钟表)
- 浅析2种JavaScript继承方式
- 详解jQuery移动页面开发中的ui-grid网格布局使用
- 浅析jQuery Mobile的初始化事件
- jQuery+jsp实现省市县三级联动效果(附源码)
- jQuery移动web开发中的页面初始化与加载事件
- JQuery移动页面开发之屏幕方向改变与滚屏的实现
- jQuery+jsp下拉框联动获取本地数据的方法(附源码)
- jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
- 详解JavaScript对象和数组
- java必学必会之static关键字
- 详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
- 继续学习javascript闭包
- 解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
- jQuery 1.9.1源码分析系列(十五)之动画处理
- ztree获取选中节点时不能进入可视区域出现BUG如何解决
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween