js 模拟表单post方式提交
2017-06-08 14:35
661 查看
下面是用js动态创建form然后进行post提交的方式,参数url是表单提交的去向,参数params是给去向传递的参数(JSON结构),参数target设置何处打开链接文档(可选):
[javascript] view
plain copy
function postcall( url, params, target){
var tempform = document.createElement("form");
tempform.action = url;
tempform.method = "post";
tempform.style.display="none"
if(target) {
tempform.target = target;
}
for (var x in params) {
var opt = document.createElement("input");
opt.name = x;
opt.value = params[x];
tempform.appendChild(opt);
}
var opt = document.createElement("input");
opt.type = "submit";
tempform.appendChild(opt);
document.body.appendChild(tempform);
tempform.submit();
document.body.removeChild(tempform);
}
注意:即使js给form对象提供了submit()方法,那也不意为表单中可以不写提交按钮这个元素,即form表单依然需要五脏俱全才可以使用js的submit()方法进行提交。
调用方式:
[javascript] view
plain copy
postcall( 'newAnime', {page_num:1,page_size:10});
或 添加链接打开方式:
postcall( 'newAnime', {page_num:1,page_size:10}, '_blank');
[javascript] view
plain copy
function postcall( url, params, target){
var tempform = document.createElement("form");
tempform.action = url;
tempform.method = "post";
tempform.style.display="none"
if(target) {
tempform.target = target;
}
for (var x in params) {
var opt = document.createElement("input");
opt.name = x;
opt.value = params[x];
tempform.appendChild(opt);
}
var opt = document.createElement("input");
opt.type = "submit";
tempform.appendChild(opt);
document.body.appendChild(tempform);
tempform.submit();
document.body.removeChild(tempform);
}
注意:即使js给form对象提供了submit()方法,那也不意为表单中可以不写提交按钮这个元素,即form表单依然需要五脏俱全才可以使用js的submit()方法进行提交。
调用方式:
[javascript] view
plain copy
postcall( 'newAnime', {page_num:1,page_size:10});
或 添加链接打开方式:
postcall( 'newAnime', {page_num:1,page_size:10}, '_blank');
相关文章推荐
- js 模拟表单post方式提交
- Winform利用POST传值方式模拟表单提交数据(Winform与web交互)
- 转载 C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- HttpClient使用post方式模拟表单提交数据到服务器并下载服务器文件
- HTML【2】表单提交与服务层的模拟(详解get与post提交方式的不同)
- Javascript模拟FORM以POST方式提交表单数据
- C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- android 文件上传(POST方式模拟表单提交)
- 通过表单form模拟post方式提交多参数实现文件下载
- (转)C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- js构建form表单 以post方式提交 一般用于导出文件
- 数据抓取中post与get方式的处理深入理解(不用给网页标签赋值也不用模拟提交js)
- 通过curl模拟post和get方式提交的表单类
- HTML【2】表单提交与服务层的模拟(具体解释get与post提交方式的不同)
- C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- java模拟post方式提交表单实现图片上传
- C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- C# Winform利用POST传值方式模拟表单提交数据
- c#以POST方式模拟提交表单
- C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)