`
wiseideal
  • 浏览: 443864 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Js的两种post方式

    博客分类:
  • php
 
阅读更多

第一种提交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'});
 
分享到:
评论

相关推荐

    详解js跨域请求的两种方式,支持post请求

    JSONP实现跨域 常用的jquery实现跨域调用 $.ajax({ ... dataType: "jsonp", jsonp: "callback", context: document.body, success: function(data) { console.log(data);...在网页中构造一个script标签,将src设置为...

    JS使用post提交的两种方式

    主要介绍了JS使用post提交的两种方式,实例分析了两种JavaScript使用post提交的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    PHP分页类--支持URL和POST两种

    这次经过本人修改,可以支持URL、POST两种: 对于页面需要速度的,用URL分页会更快一些。对于页面查询条件较多,而且查询条件是使用POST提交的,建议使用POST跳转分页,跳转到JS样例在PHP下面。

    两种方法解决javascript url post 特殊字符转义 + & #

    最近在用url 传特殊字符的时候发现数据丢失了。 其实不是丢失,比如 ‘+’它会当成连接字符来处理了。...var post_Str= post_Str.replace(/\&/g, “&″);//”&” var post_Str= post_Str.replace(/\#/g, “#″);//

    ajax的两种提交方式(get/post)和两种版本

    最近比较闲,就把以前用过的技术串一下做个手札,方便以后自己...get/post两种提交方式,但get提交容易乱码,一定多加注意 jsp页面: 代码如下: &lt;&#37;@ page language=”java” import=”java.util.*” pageEncodi

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

     iframe、JS创建动态脚本这两种方法,需要开发者能控制两个域,两端都要编写相应的代码,非常麻烦。在本域服务器上用PHP写个代理中转程序,让本域PHP程序去读取远程其他域的数据再返回给自己,是常用的方法。但是,...

    Js+Ajax,Get和Post在使用上的区别小结

    get和post方法最大的不同在于: 1.get方法传值参数在url里面,而post参数放send里面 2.post方法必须加上 xmlHttp.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”); 下面实例可以看get...

    django中使用jquery ajax post数据出现403错误的解决办法(两种方法)

    在django中,使用jquery ajax post数据,会出现403的错误 方法一: 如果用jQuery来处理ajax的话,Django直接送了一段解决问题的代码。把它放在一个独立的js文件中,在html页面中都引入即可。注意这个js文件必须在...

    JS两种类型的表单提交方法实例分析

    本文实例分析了JS两种类型的表单提交方法。分享给大家供大家参考,具体如下: 1.原始的 &lt;form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();"&gt; &lt;button type=...

    postcss-scss:PostCSS的SCSS解析器

    有两种使用此解析器的方法: 1. SCSS转换 该插件的主要用例是将PostCSS转换直接应用于SCSS源代码。 例如,您可以使用SCSS源进行,而将自动修复源中的问题。 // postcss.config.js module . exports = { syntax : ...

    详解springmvc 接收json对象的两种方式

    最近学习了springmvc 接收json对象的两种方式,现在整理出来,具体如下:  1、以实体类方式接收 前端 ajax 提交数据: function fAddObj() { var obj = {}; obj['objname'] = obj; obj['pid'] = 1 ; $.ajax...

    postjss:使用PostCSS的功能与JSS进行编译

    您可以使用样式化组件方式,css模块方式或两种方式来编写样式-选择权在于您您可以使用babel来构建您的项目静态编译,无运行时开销! 您可以使用与JSS对象兼容的任何库,而不仅仅是JSS安装npm i postjss -SBabel插件...

    解决webpack dev-server不能匹配post请求的问题

    可以使用如下两种办法解决: 1.在webpack.config.js配置文件中的devServer字段加入 devServe:{ setup: (app) =&gt; { //解决post没响应的问题 app.post('/goform/**', function(req, res) { res.redirect(req....

    利用JavaScript阻止表单提交的两种方法

    在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 &lt;form name=loginForm action=login.aspx method=post&gt; &lt;button type=submit value=Submit id=submit&gt;...

    大名鼎鼎SWFUpload- Flash+JS 上传

    它结合了FLASH和JavaScript的功能,以提供一种超越了传统的浏览器中标签提供的文件上传功能。 SWFUpload提供的主要功能: 在文件选择对话框中能够进行文件多选 页面无刷新的上传 提供上传进度的事件回调,实时...

    ajax中文乱码如何解决

    但对于POST方式,使用上述的几种方法经过多次测试,问题依旧。我郁闷了好几天。 今天把问题解决了,很简单,是使用escape(或encodeURI,两个函数javascript的函数,功能基本相同,可以查一下相关的帮助),但要使用...

    通过AJAX的JS、JQuery两种方式解析XML示例介绍

    params.type=merge”, type : “post”, data : params, success : function(xml) { hide(); if(xml == “”){ Dialog.popTip(“找不到需要合并的订单”, 2); }else{ var myTable=document.getElementById( “t_...

    Android客户端post请求服务器端实例

    Android与服务器通信通常采用HTTP通信方式和Socket通信方式,而HTTP通信方式又分get和post两种方式。 2. 解析服务器端返回数据的解释: (1).对于服务器端来说,返回给客户端的数据格式一般分为html、xml和json这三...

Global site tag (gtag.js) - Google Analytics