`
wiseideal
  • 浏览: 449739 次
  • 性别: 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方式打开新页面

    在JavaScript中,通常我们使用`window.location.href`或者`a`标签来实现页面跳转,但这两种方式都采用GET请求的方式传递数据。然而,在某些情况下,我们可能需要以POST方式发送数据并打开新页面,例如处理表单提交、...

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

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

    js php post通信

    在Web开发中,JavaScript(JS)和PHP是两种常见的编程语言,它们经常配合使用来实现动态交互和数据处理。本文将深入探讨如何使用JS和PHP通过POST方法进行通信,以及如何利用这种通信方式来操作数据库。 一、JS与PHP...

    js中窗口的postMessage方法1

    window.postMessage() 方法是 JavaScript 中的一种跨源通信机制,允许两个不同页面的脚本之间进行通信。通常情况下,两个页面的脚本只能在执行它们的页面位于同一个协议、端口号和主机时进行通信。但是,使用 window...

    JS使用post提交的两种方式

    这两种方法都是JavaScript中实现POST提交的有效方式。XMLHttpRequest提供了更灵活的控制,可以直接处理请求和响应,适合复杂的异步操作。而虚拟表单提交则更接近用户的交互行为,适用于简单的提交场景。在实际开发中...

    浅析Get与Post的区别

    Get和Post是两种常用的表单提交方式,在Web开发中经常被使用。但是,很多人并不了解这两种方式的区别,导致在实际开发中出现问题。本文将详细阐述Get和Post的区别,以便读者更好地理解和使用这两种方式。 Get方式 ...

    「JavaScript」JS四种跨域方式详解

    本文将详细介绍四种主要的JavaScript跨域方式:JSONP、修改`document.domain`、使用`window.name`以及HTML5的`window.postMessage`。 ### 1. JSONP(JSON with Padding) JSONP是一种解决跨域问题的早期方法,它利用...

    js 混合提交方式(含有get和post)

    这篇博客"js 混合提交方式(含有get和post)"可能探讨了如何在一个应用中同时使用这两种方法来实现更灵活的数据交互。以下是对这些概念的详细解释: **GET方法** GET方法是最常见的HTTP请求类型,它用于从服务器...

    JS实现使用POST方式发送请求

    以下是一个简单的JS函数`httpPost`,用于通过POST方式发送请求并跳转到指定页面: ```javascript function httpPost(URL, PARAMS) { var temp = document.createElement("form"); temp.action = URL; temp....

    JQ 使用POST方式获取数据

    在jQuery中,使用POST方式获取数据的基本语法如下: ```javascript $.ajax({ type: 'POST', url: '服务器接口地址', data: {key1: value1, key2: value2}, // 要发送的数据 success: function(response) { // ...

    ajax中使用javascript的send方法post参数

    这种情况下,服务器端可以通过两种方式分别接收这两种不同来源的参数: - `Request.Form("value")` 接收通过`send`方法传递的参数; - `Request.QueryString("value")` 接收通过URL传递的参数。 #### 五、深入理解...

    GET方式和POST方式.pdf

    GET方式和POST方式是HTTP协议中最常见的两种数据提交方法,它们在Web开发中扮演着重要角色。 1. **数据传输方向** - GET方式主要用来从服务器获取数据,比如加载网页、查询信息等。 - POST方式则是用于向服务器...

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

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

    android与js交互的三种方式

    本文将详细介绍三种常见的Android与JavaScript交互的方式,帮助开发者更好地掌握这种跨平台的数据通信。 一、WebView注入JavaScript接口 Android中的WebView组件可以加载网页内容,同时它提供了与JavaScript交互的...

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

    总结来说,当我们在使用JavaScript进行URL传值时,面对URL中的特殊字符,主要可以通过两种方法解决转义问题:一是手动替换为百分号编码,二是使用内置的encodeURIComponent()函数。手动替换的方法适用于已知需要转义...

    c#以POST方式模拟提交表单 - 真功夫

    ### C#以POST方式模拟提交表单 - 关键知识点解析 #### 一、知识点概览 本文档将基于“c#以POST方式模拟提交表单”这一主题进行深入解析,主要内容涉及C#语言如何实现HTTP POST请求来模拟提交表单数据,并通过具体的...

    爬虫 百度翻译接口 POST方式

    总的来说,使用Python爬虫结合百度翻译接口POST方式,我们可以轻松地实现实时、批量的文本翻译任务。通过不断学习和实践,你可以进一步优化这个过程,例如添加错误处理、使用线程池进行多任务并行翻译,甚至构建一个...

    使用POST方式弹出窗口的两种方法示例介绍

    以下将详细介绍两种使用POST方式弹出窗口的方法。 方法一: 这种方法通过动态创建一个隐藏的表单(`&lt;form&gt;`),将所有需要POST的数据以隐藏输入元素(`&lt;input type='hidden'&gt;`)的形式添加到表单中。然后,将这个...

Global site tag (gtag.js) - Google Analytics