`
wsj123
  • 浏览: 154270 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

js模拟表单post方式提交

    博客分类:
  • JS
阅读更多
js模拟表单post方式提交

1.1概述
        用js动态创建form相关元素,然后进行post提交,提交后将创建的form相关元素删除掉即可。
1.2实例
function postCall( url, params, target){  
    //创建form元素并设置其相关属性。参数url:表单提交去向;参数target:链接打开方式。
    var tempForm = document.createElement("form");  
    tempForm.action = url;  
    tempForm.method = "post";  
    tempForm.style.display="none"  
    if(target) { tempForm .target = target;  }  
    //创建input元素并设置提交的数据。参数params:提交的数据(JSON结构)。
    for (var x in params) {  
        var ipt = document.createElement("input");  
        ipt.name = x;  
        ipt.value = params[x];  
        tempForm.appendChild(ipt);  
    }  
    //创建提交按钮元素
    var ipt = document.createElement("input");  
    ipt.type = "submit";  
    tempForm.appendChild(ipt);  
    //创建->提交->删除
    document.body.appendChild(tempForm);  
    tempForm.submit();  
    document.body.removeChild(tempForm);  
}  
调用:
postcall( 'newAnime', {page_num:1,page_size:10});  
或者:  
postcall( 'newAnime', {page_num:1,page_size:10}, '_blank');  
分享到:
评论

相关推荐

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

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

    javascript模拟post提交隐藏地址栏的参数

    通过js模拟post提交 1:请求需要的参数过长,超过get允许的最大长度 2:想要隐藏地址栏的参数 //新创建一个form表单 [removed]('<form name=myForm></form>'); var myForm=document.forms['myForm']; ...

    post提交工具增强版

    这款工具的主要目的是帮助开发者、测试人员或网络用户便捷地发送POST请求,进行数据交互,例如测试API接口、模拟表单提交等操作。下面我们将详细探讨POST提交、工具的功能特性以及增强版可能包含的高级功能。 POST...

    如何用selenium封装post参数提交示例

    封装POST请求的关键在于模拟表单提交或者使用JavaScript执行AJAX请求。以下是一个简单的例子,展示如何使用Selenium来封装POST参数: ```python from selenium import webdriver from selenium.webdriver.common....

    http模拟POST表单上传文件

    在本文中,我们将深入探讨如何通过模拟POST表单上传文件到服务器,这是一项常见的任务,尤其在开发Web应用程序时。我们将涵盖客户端如何构建请求以及服务器如何接收和处理这些请求。 首先,让我们理解POST请求的...

    C#三种模拟自动登录和提交POST信息的实现方法

    ### C#三种模拟自动登录和提交POST信息的实现方法 #### 概述 在现代软件开发过程中,模拟自动登录及提交POST信息的需求十分常见。这种需求通常出现在自动化测试、数据抓取等场景中。本文将详细介绍如何使用C#语言...

    js以post方式打开新页面

    总结起来,JavaScript中以POST方式打开新页面主要通过创建隐藏表单和`iframe`模拟实现,或者在服务器端进行处理。这种方式在处理大量数据或者隐私信息时尤为适用,但也需要注意浏览器的同源策略限制。在实际开发中,...

    表单提交原理

    本文将深入探讨表单提交的原理,包括基本概念、提交方式以及AJAX异步提交等技术。 1. **基本概念** 表单在HTML中通过`<form>`标签定义,它包含各种输入元素,如文本框(`<input type="text">`)、密码框(`...

    html页面模式get/post请求

    通过设置`method`属性,我们可以指定表单使用GET还是POST方式提交数据。例如: ```html <form action="your-api-url" method="post"> <!-- 输入字段 --> <!-- 提交按钮 --> 提交 ``` 对于POST请求,特别是...

    JS使用post提交的两种方式

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

    javascript经典特效---用链接来提交表单.rar

    总结起来,"javascript经典特效---用链接来提交表单.rar"这个资源主要教授了如何用JavaScript和HTML的链接元素模拟表单提交的行为,以及如何扩展这个功能以实现数据验证、AJAX提交和用户体验优化。通过这样的实践,...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,E,F,G){ var formredwin=...

    post模拟提交文件中文乱码的问题处理.rar

    在模拟POST请求时,我们通常会用到--data-urlencode选项来编码表单数据,或者--form选项来处理复杂的表单提交,包括文件上传。 中文乱码问题通常发生在以下两个环节: 1. **命令行编码**:CMD默认使用GBK编码,而...

    php+js模拟表单通过XMLHttpRequest实现进度条上传视频

    在本文中,我们将深入探讨如何使用PHP和JavaScript(特别是jQuery)通过XMLHttpRequest对象来实现视频文件的模拟表单上传,并且在上传过程中显示进度条,以及上传完成后自动加载和播放视频的功能。 首先,我们需要...

    模拟Post发包工具postman

    GET请求是最基础的,用于从服务器获取资源,而POST请求则常用于向服务器提交数据。Postman提供了友好且直观的用户界面,让用户可以轻松设置请求头、查询参数、请求体等信息。对于POST请求,你可以选择表单数据、JSON...

    js使用post 方式打开新窗口

    总结来说,当需要在JavaScript中使用POST方法打开新窗口时,可以使用jQuery的`$.ajax()`方法配合`window.open()`,但考虑到浏览器的弹窗限制,更好的选择是通过模拟表单提交的方式,这既满足了POST数据的需求,又...

    C#模拟自动提交

    6. **数据抓取**:在数据抓取或网络爬虫项目中,模拟表单提交可以用来访问需要交互才能获取的网页内容,比如登录后的内容或者动态加载的数据。 7. **文件结构**: - `AutoSubmit.sln`:这是Visual Studio的解决...

    post下载excel.zip

    本文将深入探讨如何在Java环境中,将POST请求转化为表单提交方式来实现Excel文件的下载。 首先,我们要理解POST请求和GET请求的区别。POST请求常用于向服务器发送数据,这些数据会被包含在请求体中,而GET请求则...

    c#模拟post发送json和multipart/form-data格式

    对于multipart/form-data,这是一种用于HTML表单提交和文件上传的标准。它允许在同一个请求中发送多个部分,每部分都有自己的边界。在C#中,使用HttpClient类可以方便地模拟POST请求,尤其是处理multipart/form-data...

Global site tag (gtag.js) - Google Analytics