【曾经post为何只能通过form来提交】的更多相关文章

曾经post为何只能通过form来提交

当我们web程序的前台,需要有数据向后台发送时候,我们第一时间想到的就是,给我们所需要提交的用户名,密码之类的数据封装到一个<form>表单里面去,而封装完毕之后,我们需要给form的提交方式进行设置 即,<form method="post"> </form> 而,这样做的目的,就是在我们<form>表单中的数据被设置完之后,再点击button,而我们的<button>中,得设置它的方式type为:submit, 即,<…

2016 系统设计第一期 （档案一）MVC form数据提交

前几天我发现 MVC 虽然解决了webform的问题但是用起来真的很麻烦,不知道是我刚接触的原因还是为什么,感觉有很多的局限性,对于form的提交一个form只能绑定一个action,代码如下: @using (Html.BeginForm("Create", "Users", FormMethod.Post, new { id = "SaveUserForm", @class = "form-horizontal" }))…

温故而知新： 关于 js Form 方式提交的一些新认知

这里介绍的是通过js进行异步form提交,而不是表单Form Submit提交. 提交方式主要有以下两种: 参数为字符串方式的提交,如:a=b&c=d formData方式提交, 如:new FormData() (可选)简单的php测试代码: <?php header('Access-Control-Allow-Origin:*'); var_dump($_REQUEST); 微坑爹:请不要试图将下文的request.open("POST") 换为 request.op…

form的提交方式

1,最普通最常用的方法就是用submit type.. <form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"> </form> 2,第二种是使用链接来提交表单,用到了javascript的DOM模型: <form name=”form” method=”post” action=”#”> <a href=”j…

AngularJS $http配置为form data 提交

AngularJS $http配置为form data 提交 $scope.formData = {}; $http({ method: 'POST', url: '/user/', // pass in data as strings data: $.param($scope.formData), // set the headers so angular passing info as form data (not request payload) headers: { 'Content-T…

导出excel时，以form方式提交json数据

今天在写项目时写到一个excel的导出,开始想用ajax请求后台后导出,但发现ajax会有返回值,而且ajax无法直接输出文件,而后台的excel导出方法已经封装好,不方便修改. 就改用了提交的方式form,但form提交,表格分页用的是jquerytable,我需要将一些jquerytable的一些参数传到后台,但这些数据已经是json数据,如果我直接放在input中提交到后台在解析参数会很麻烦,所以就想将json数据转为form方式提交. js //导出 function exportExc…

jquery动态创建form并提交到.ashx文件处理

    有时候在写web 应用的时候,需要临时动态构造一个form 并提交,form 里面的参数以及action,以及是post请求还是get请求,甚至form 的样式都是可以指定的,用原生的javascript 可以做到,这里用jquery做了一个测试.我自己测试的是构造一个分页的post请求, 为了防止csrf 攻击,加入了csrf 验证,不需要的可以去掉. <html xmlns="http://www.w3.org/1999/xhtml"> <head run…

SP避免Form重复提交的三种方案

SP避免Form重复提交的三种方案  1) javascript ,设置一个变量,只允许提交一次.   <script language="javascript">  var checksubmitflg = false;  function checksubmit() {  if (checksubmitflg == true) {  return false;  }  checksubmitflg = true;  return true;  }  document.o…

比较两种方式的form请求提交

[一]浏览器form表单提交 表单提交, 适用于浏览器提交.像常见的pc端的网银支付,用户在商户商城购买商品,支付时商家系统把交易数据通过form表单提交到三方支付网关,然后用户在三方网关页面完成支付.下面是一个form表单自动提交案例,将这段html输出到浏览器,会自动提交到目标action. <form name="payForm" action='http://192.168.40.228:28080/app/userIdentify.do' method='POST' &…

关于防止表单form重复提交的方式

表单重复提交: 1.第一种:添加以后刷新页面(刷新的是Servlet) 2.第二种:重复点击提交按钮. * 使用令牌机制:(防止表单重复提交) * 在表单页面中 生成一个令牌 * 将这个令牌保存在session中一份,保存在表单隐藏字段中一份. * 当表单提交的时候,获得到session中令牌和隐藏字段中令牌. * 将sesion中的令牌移除了. 防表单重复提交的原理: 原理:令牌机制. * 在JSP页面中,生成了一个随机的字符串,将字符串保存到session中一份,放到表单的隐藏字段中一份,提…

js进阶 9-5 js如何确认form的提交和重置按钮

js进阶 9-5 js如何确认form的提交和重置按钮 一.总结 一句话总结: 1.这个并不好做:onsubmit 里面的代码必须返回false才能取消onsubmit方法的执行,所以,有return.注意:一般的调用肯定是没有return的.onsubmit="return queren()" 2.onsubmit="return queren()" 这句话的意思的form的submit方法调用return queren() 这段代码.这里可以是个函数,也可以是一…

对象化前端表单（Form）提交

很常见的业务场景,就是前端一个表单,submit给后台,在web.form时代,有from 的runat="server" 配合submit 自动会提交给服务端,然后服务端解析Request装填对象. 如果要是异步提交的话,就麻烦点,from表单不会自动把你的所有value传给后台,于是就一个一个获取value值,通过json对象异步提交给后台,然后再由后台一个一个解析,再封装给对象. $.post("Handler1.ashx", { Name: $("…

Jquey Form 异步提交文件参数并且在http 信息头header中加上一定参数

1.下载jQuery.Form 包 官网下载:http://jquery.malsup.com/form/#download 2.模拟代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…

easyui form 方式提交数据

http://ldzyz007.iteye.com/blog/2067540 <form id="ff" method="post">      ...  </form> 1.使用ajax方式提交表单 $('#ff').form({      url:...,      onSubmit: function(){          //进行表单验证          //如果返回false阻止提交      },      success:f…

python_way day21 Django文件上传Form方式提交，原生Ajax提交字符处啊，Django文件上传之原生Ajax方式、jQuery Ajax方式、iframe方式，Django验证码，抽屉示例，

python_way day21 1.Django文件上传至Form方式 2.原生Ajax文件上传提交表单 使用原生Ajax好处:不依赖jquery,在发送一个很小的文件或者字符串的时候就可以用原生Ajax直接发送 一.Django文件上传至Form方式 <body> <div> <form action="/upload/" method="POST" enctype="multipart/form-data"&g…

jquery validate form 异步提交

jQuery取得select选中的值 jQuery("#select1  option:selected").text(); 相信很多人都用过jquery validate插件,非常好用,并且可以通过下面的语句来自定义验证规则    // 电话号码验证       jQuery.validator.addMethod("isPhone", function(value, element) {        var tel = /^(\d{3,4}-?)?\d{7,9…

JS 控制 form是否提交表单

问题背景:用php删除数据,希望在点击“删除”(button)的时候JS弹出confirm来确认是否删除. 此段代码为php中的form: <form action="?form=delete" method="POST"> <button type="submit" name="id" value="<?php echo $row['id'];?>"> 删除 </…

使用jquery.form异步提交注意jquery.validate需要手动添加验证

使用jquery.form.js异步提时,即使jquery.validate验证失败也会提交的所以加个$("form").valid()来判断是否通过验证: $("#form1").submit(function () {                if ($("form").valid()) {                    $(this).ajaxSubmit(function (data) {                  …

nodejs querystring踩坑笔记----只能用于表单提交

API中的实例: var http = require('http'); var querystring = require('querystring'); var postData = querystring.stringify({ 'msg' : 'Hello World!' }); var options = { hostname: 'www.google.com', port: 80, path: '/upload', method: 'POST', headers: { 'Conten…

使用jquery.form.js提交表单上传文件

方法: 1.formSerilize()  用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式. 2.clearForm()   清除表单中所有输入值的内容. 3.restForm    重置表单中所有的字段内容.即将所有表单中的字段恢复到页面加载时的默认值. 疑问:ajaxForm()与ajaxSubmit()的区别: 答案:$("#form1").ajaxForm();  相当于以下两行: 1 2 3 4 $("#form1".subm…

form submit提交

form内控件参数自动添加到url后,而自定义的url参数则不能添加到url后 $('#fm').form('submit', { url: 'Data/Diary.ashx?dt=' + new Date() + '&operation=save',  operation参数在后台无法得到,换一种提交方式 onSubmit: function () { return $(this).form('validate'); }, success: function (result) { $.mess…

jquery form submit提交后无反应 不报错

jquery form onSubmit默认返回false 因为页面添加了validate验证,在刷新页面后重新提交需要加上下一行代码 onSubmit:function() {return true;}…

jquery.form插件 提交表单 type="hidden"取不到值的问题记录

1.外国文献:说可以改成其他的(非hidden),再加style="display:none"隐藏. <INPUT type="password" style="display:none" name="invisible-password" value="mypassword"> https://www.w3.org/TR/html4/interact/forms.html#successful…

amazeui表单form异步提交方法

// 留言提交 $(function() { var $form = $('#ue-form'); $form.validator({ validateOnSubmit: true, submit: function() {alert(1) if(this.isFormValid()) { $.post( "{:url('index/msg')}", $("input[type=\'text\'],input[type='email'],select"), func…

vue el-upload form 同时提交

项目需要form 表单和文件上传同时在一个请求,废话不多说上代码: 上传的组件使用pug格式 .row.my-4 .col-12 el-form(:model='domain', :rules='validateRules', v-loading='loading', ref='form', label-width='120px') el-form-item(label="请选择服务分类",prop="options") el-cascader(:options=&…

easyui的tab加载页面中的form重复提交

http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者window这类的easyui组件中放了form.那么在关闭这个tab再次打开.如果进行form提交操作,后台就会收到两次提交请求,再次重复以上操作会收到3次提交请求,如果将表单serialize()后以jquery的post提交服务器将收到值全是数组方式组织的. 经分析发现,Easyui的tab加载页面…

javascript-js模拟form页面提交跳转

window.location.href跳转到另外一个界面.但直接传递get方法会暴露数据 下面可以实现跳转的效果,却又能够通过post传递方法隐藏数据. 有一个不足就是,在跳转到新页面后,点击“返回”返回的是个空界面,再次点击才能返回到提交界面. <script language=javascript> document.write("<form action=abc.action method=post name=form1 style='display:none'>…

php使用jquery Form ajax 提交表单，并上传文件

在html5中我们通过FormData就可以ajax上传文件数据,不过因为兼容问题.我们选用jquery.form.min.js来进行ajax的表单提交.   一.jquery.form.js下载地址: http://malsup.com/jquery/form/#download   二.jquery.form.js提供的方法如下: 函数名 描述 参数 例子 ajaxForm() 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready…

关于chrom56版本以后的form标签提交bug

最近遇到一个情况: 低版本的浏览器i运行如下代码: function query_mission(query_tag) { // 创建form表单 var ip_list = getIpList() if (ip_list == false) { return false } form = $("<form></form>") form.attr('action', '/customer/query/mission_create/') form.attr('me…

django 使用form组件提交数据之form表单提交

django的form组件可以减少后台在进行一些重复性的验证工作,极大降低开发效率. 最近遇到一个问题: 当使用form表单提交数据后,如果数据格式不符合后台定义的规则,需要重新在前端页面填写数据. 分析问题: 由于form的POST 请求发出去后会刷新整个页面,自然无法保留上次输入的内容. 解决问题: 采用ajax的方式发出请求,避免刷新整个页面. ajax是脑海里第一个冒出的想法,但经过了解form组件内部的更多参数以及原理,发现其实也可以在form发出 POST请求时保留上次输入的内容.这…