http编程中的get和post混合使用方式[摘自网上]
2009-09-28 14:15
411 查看
问题来源于get和post的特点和限制。对于get请求,我们可以很方便的使用window.opener的方式与父页面进行通讯,但是根据http协议的规定,url最大长度是2083个字节,可以用于GET传递数据的长度是2048个字节。对于post请求,虽然没有最大长度的限制,却不能方便的使用window.opener与父页面进行通讯。
关于如何使用javascript自动将一段get请求转变成一个post请求,网上有很多的方法,其主要思想就是动态构造一个iframe,并将get请求中的url参数值赋给input控件,最后设置form的action地址并调用submit方法。
园子里有人已经给出一个解决方法,/article/5291340.html
这里转载如下:
Code
var PostNewWin = function(url){
var urlArr = url.split("?");
var postUrl = urlArr[0];
var postData = urlArr[1];
var iframe = document.getElementById("postData_iframe");
if(!iframe){
iframe = document.createElement("iframe");
iframe.id = "postData_iframe";
iframe.scr= "about:blank";
iframe.frameborder = "0";
iframe.style.width = "0px";
iframe.style.height = "0px";
var form = document.createElement("form");
form.id = "postData_form";
form.method = "post";
form.target = "_blank";
document.body.appendChild(iframe);
iframe.contentWindow.document.write("<body>" + form.outerHTML + "</body>");
}
iframe.contentWindow.document.getElementById("postData_form").innerHTML = "<input name='postData' id='postData' type='text' value='" + postData + "'/>";
iframe.contentWindow.document.getElementById("postData_form").action = postUrl;
iframe.contentWindow.document.getElementById("postData_form").submit();
};
例如原来有一个函数,使用get请求打开新页面
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
var win =window.open(url);
}
因为ur的长度问题,现在改为使用post方式提交,如下所示:
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
//var win =window.open(url);
PostNewWin(url);
}
这里有一个问题就是,使用这种方式后,就无法使用window.opener与父页面进行交互了,因为通过这个函数,已经将get请求变成一个post请求了。为了可以使用post的方式提较大数据,同时也可以使用window.open(url)方式的window.opener与父页面通讯,在这里做一点小的改版,首先使用window.open(url)时候,增加一个参数,指定打开窗口的名称,,如下所示:
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
var winName = "";
var win =window.open("about:blank",winName );
PostNewWin(url,winName);
}
同时修改PostNewWin函数,将这个新窗口的句柄传递给这个函数,将post请求的target设置为这个参数,如下所示:
var PostNewWin = function(url,winName){
.........
form.target = winName;
.......
};
这样就可以同时使用post和get两种方式的优点了。
关于如何使用javascript自动将一段get请求转变成一个post请求,网上有很多的方法,其主要思想就是动态构造一个iframe,并将get请求中的url参数值赋给input控件,最后设置form的action地址并调用submit方法。
园子里有人已经给出一个解决方法,/article/5291340.html
这里转载如下:
Code
var PostNewWin = function(url){
var urlArr = url.split("?");
var postUrl = urlArr[0];
var postData = urlArr[1];
var iframe = document.getElementById("postData_iframe");
if(!iframe){
iframe = document.createElement("iframe");
iframe.id = "postData_iframe";
iframe.scr= "about:blank";
iframe.frameborder = "0";
iframe.style.width = "0px";
iframe.style.height = "0px";
var form = document.createElement("form");
form.id = "postData_form";
form.method = "post";
form.target = "_blank";
document.body.appendChild(iframe);
iframe.contentWindow.document.write("<body>" + form.outerHTML + "</body>");
}
iframe.contentWindow.document.getElementById("postData_form").innerHTML = "<input name='postData' id='postData' type='text' value='" + postData + "'/>";
iframe.contentWindow.document.getElementById("postData_form").action = postUrl;
iframe.contentWindow.document.getElementById("postData_form").submit();
};
例如原来有一个函数,使用get请求打开新页面
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
var win =window.open(url);
}
因为ur的长度问题,现在改为使用post方式提交,如下所示:
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
//var win =window.open(url);
PostNewWin(url);
}
这里有一个问题就是,使用这种方式后,就无法使用window.opener与父页面进行交互了,因为通过这个函数,已经将get请求变成一个post请求了。为了可以使用post的方式提较大数据,同时也可以使用window.open(url)方式的window.opener与父页面通讯,在这里做一点小的改版,首先使用window.open(url)时候,增加一个参数,指定打开窗口的名称,,如下所示:
function openNewWindow()
{
var url = http://www.website.com/page1.aspx?p1=v1&p2=v2;
var winName = "";
var win =window.open("about:blank",winName );
PostNewWin(url,winName);
}
同时修改PostNewWin函数,将这个新窗口的句柄传递给这个函数,将post请求的target设置为这个参数,如下所示:
var PostNewWin = function(url,winName){
.........
form.target = winName;
.......
};
这样就可以同时使用post和get两种方式的优点了。
相关文章推荐
- http编程中的get和post混合使用方式
- Java基础知识强化之网络编程笔记18:Android网络通信之 使用HttpClient的Post / Get 方式读取网络数据(基于HTTP通信技术)
- 【Android】使用http的Post和Get方式获取网络数据
- 程序使用 HTTP 协议和服务器交互主要是进行数据的提交,通常数据的提交是通过 GET 和 POST 两种方式来完成
- 使用HttpURLConnection采用get方式或post方式请求数据
- http post/get 2种使用方式
- Android 使用HTTP(get和post)方式登陆服务器
- android 网络编程 HttpGet和HttpPost类使用详解
- Android——使用HttpClient的HttpGet和Post方式进行网络通信
- android 网络编程 HttpGet和HttpPost类使用详解
- http-使用get和post方式提交数据
- 在poco库中使用http的get post的方式
- 使用HttpURLConnection和使用HttpClient方式请求网络采用get方式和post方式请求数据
- 使用Post和Get方式传输HTTP参数
- C++网络编程 如何使用SOCKET 发送HTTP1.1 GET POST请求包
- Get、Post(HTTP中最常用的请求方式 使用ASIHTTPRequest)----例如:登录、上传图片(调用手机相册 UIImage 转为data)
- java使用http get以及post方式读取网络数据
- Java基础知识强化之网络编程笔记16:Android网络通信之 使用Http的Get方式读取网络数据(基于HTTP通信技术)
- [Android开发]Android之使用HTTP的get,post,HttpClient三种方式向服务器端提交文本数据
- Android 网络请求方式之HttpClient,GET,POST,PUT请求使用方法