jQuery ajax在GBK编码下表单提交终极解决方案（非二次编码方法）(转)

版权声明]:版权归作者所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.open-lib.com/Forum/Read_69_1.action 前言: 当jquery ajax在utf-8编码下(页面utf-8,接收utf-8),无任何问题.可以正常post.get,处理页面直接获取正确的内容. 但在以下情况下: GBK -> AJAX POST ->GBK UTF-8 -> AJAX POST ->GBK 后台代码无法获取正确的内容,通常表现为获…

深入理解ajax系列第八篇——表单提交

前面的话在以前,网站的用户与后端交互的主要方式是通过HTML表单的使用.表单的引入在1993年,由于其简单性和易用性,直到电子商务出现之前一直保持着重要位置.理解表单提交,对于更深入地理解ajax是有好处的.下面将详细介绍表单形式的交互建立表单表单处理是一个多线程.首先创建一个表单,以供用户输入详细的请求信息.接着,输入的数据被发送到网页服务器,在服务器里这些数据得到编译和错误检测.如果PHP代码标识出一个或多个需要重要输入的字段,则带有相关错误信息的表单会重新显示.当精确的输入信息满足代…

ajax传递数组、form表单提交对象数组

在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发任务中,遇到了需要批量传递对象,也就是需要传递对象数组,在此做个总结.今天又遇到需要向后台传递数组,便一并写下来吧. 1.ajax传递普通数组前台代码 var deleteNum= [];//定义要传递的数组 deleteNum.push("1"); deleteNum.push(&qu…

jquery ajax（5）form表单序列化

form表单序列化<script type="text/javascript"> $(function(){ $("#send").click(function(){ $.get("get1.php", $("#form1").serialize() , function (data, textStatus){ $("#resText").html(data); // 把返回的数据添加到页面上…

web安全：防止浏览器记住或自动填写用户名和密码(表单)的终极解决方案

最近项目上要求做到这一点,在网上搜了一圈,发现都是不完美的,不兼容全部的浏览器,于是只能自己摸索了,最终得出了终极解决方案: 涉及: disabled 或 readonly display:none; 隐藏用,隐藏后不占位置 visibility:hidden; 隐藏用,隐藏后占原来的位置 position:absolute;z-index:-1; 隐藏用,隐藏与否取决于z-index相对的值,这里的-1是我自己用的 autocomplete:"off"; 网上说,这个属性…

jQuery 实现最简单的form表单提交 Loding 功能

<html> <head><title></title></head> <body> <form name="example" onsubmit="return checkForm()" action="${ctx }threeLesson/addThreeLesson" method="post"> <table id="lo…

Ajax表单提交及后台处理简单应用

首先先说下表单提交吧,要提交表单那么就得先收集表单数据(至于验证这个我就不说了,要说留下下次吧),有了jquery取个html的值还是简单$("xxid").val()等就完了,但如果一张表单收集的数据很多,像这样的表单又有很多张,那用此方法肯定麻烦死,并且容易眼花录错.所以,我们就可以简单的来定义一个收集规则,如在要回传到服务器的数据表单控件,可以做个标记,到时取的时候把这些标记的数据一起取回去. 就拿最简单的文体输入做例子吧<input type="text&quo…

form表单提交数据编码方式和tomcat接受数据解码方式的思考

http://blog.sina.com.cn/s/blog_95c8f1ac010198j2.html ******************************************************* form有2中方法把数据提交给服务器,get和post,分别说下吧. (一)get提交 1.首先说下客户端(浏览器)的form表单用get方法是如何将数据编码后提交给服务器端的吧. 对于get方法来说,都是把数据串联在请求的url后面作为参数,如:http://localhost:…

springboot打war包部署tomcat服务器，以及表单提交数据乱码处理

小白觉得springboot打成jar包直接使用内嵌的tomcat或jetty容器(java -jar xxx.jar)运行项目不利于定位问题,我还是习惯于查看tomcat或nginx的日志来定位问题,今天小白就讲讲springboot打成war部署JavaWeb项目于tomcat. 新建web项目 helloboot 开发工具:Spring Tool Suite(STS) File->New->Spring Starter Project,如下图所示: 项目结构如下所示: applicati…

MVC中处理表单提交的方式（Ajax+Jquery）

MVC中处理表单有很多种方法,这里说到第一种方式:Ajax+Jquery 先看下表单: <form class="row form-body form-horizontal m-t"> <div class="col-md-6"> <div class="form-group"> <label class="col-sm-3 control-label">订单编号:</la…

Ajax表单提交插件jquery form

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交. jQuery Form有两个核心方法ajaxForm()和ajaxSubmit(),本文我们重点介绍ajaxSubmit()的应用. 查看演示DEMO 下载源码 HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form…

jquery.form.js（ajax表单提交）

Form插件地址: 官方网站:http://malsup.com/jQuery/form/ 翻译地址:http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started 一.准备工作写一个表单: <form id="reg" action="123.php" method="post"> <p> <label for…

使用Jquery.form.js ajax表单提交插件弹出下载提示框

现象: 使用jquery的from做ajax表单提交的时候,后台处理完毕返回json字符串,此时浏览器提示下载一个json文件而不是在success里面继续解析该json对象. 具体的原因: 浏览器兼容性的问题.在谷歌和火狐下没这个问题,我用的ie9测试是有这个问题的.具体的详细我参照的该链接: http://zhidao.baidu.com/link?url=uTXondC9ECEfdObEWbq7V2O7-UW_oXtoVcneVqH_Dmj2hUXjM3y6wMFnQYsUupdWC0Tf…

MVC下HtmlHelper自带BeginForm表单提交与异步Ajax请求

假如有一个数据表格UserInfo: public class UserInfo { public int Id { get; set; } public string Name { get; set; } public string Pwd { get; set; } public int Sex { get; set; } } 控制器下Action方法:UserInfos 表单提交过来后UserInfo user对象可以获取到value值,只要html标签的name值与UserInfo下的属…

Checkbox框全选操作，form表单提交与jquery ajax提交两种处理方式

//1.jquery ajax<script type="text/javascript"> $(function(){ var basePath = $("#basePath").val(); //上架操作 $("#upAll").click(function(){ var chk_value =""; $('input[name="ckID"]:checked').each(function…

利用jquery.form.js实现将form提交转为ajax方式提交的方法（带上传的表单提交）

提供一种方法就是利用jquery.form.js. (1)这个框架集合form提交.验证.上传的功能. 核心方法 -- ajaxForm() 和 ajaxSubmit() $('#myForm').ajaxForm(function() { alert("提交成功!欢迎下次再来!"); }); $('#myForm2').submit(function() { $(this).ajaxSubmit(function() { alert("提交成功!欢迎下次再来!")…

浏览器下载/导出文件及jQuery表单提交

1 比如以下按钮, 用于导出文件,如EXCEL文件. <li> <button class="whiteBg btn2" onclick="doExp(1);return false; "> <i class="fa fa-save (alias) m-r-xs" ></i>导出所有工单 </button> </li> <li> <button cla…

【ASP.NET Web API教程】5.2 发送HTML表单数据：URL编码的表单数据

原文:[ASP.NET Web API教程]5.2 发送HTML表单数据:URL编码的表单数据注:本文是[ASP.NET Web API系列教程]的一部分,如果您是第一次看本系列教程,请先看前面的内容. 5.2 Sending HTML Form Data 5.2 发送HTML表单数据本文引自:http://www.asp.net/web-api/overview/working-with-http/sending-html-form-data,-part-1 By Mike Wasson|…

springmvc下js控制表单提交（表单提交前检验，提交后获取json返回值）

这个问题我搞了四天,终于搞懂.因为对js很不熟悉.郁闷的是后台代码出错总可以设置断点调试,前端js代码出错只能通过浏览器提供一些运行数据来分析,很不习惯. 首先说下逻辑:这是一个注册功能,我希望,注册前端表单提交后,后台处理后,返回一个json数据,前端用jquery接收,并弹出弹框显示是否注册成功以及提示信息. 所以首先可以,写出后端代码: /** * @ClassName: RegisterController * @Description: Register CONTROLLER类 * @…

详解JavaScript中的Url编码/解码，表单提交中网址编码

本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和编解码相关的几对函数escape / unescape,encodeURI / decodeURI和 encodeURIComponent / decodeURIComponent. 预备知识 foo://example.com:8042/over/there?name=ferret#nose \_/ \______________/ \_______…

Easyui + jQuery表单提交给 Controller patr1

2014-11-15 总结上周在公司开发所用到的技术,由于是刚找的工作(一个大三实习生)+自己的技术菜,有很多地方都是怎么想就怎么实现的, 如果你有什么更好的解决方法,在看见这篇博客的时候,希望你能指点小弟,小弟在这先谢过了! 用到 jQuery ui 的部件有三个分别是: easyui-layout .earyui-datagrid .easyui-dialog(以前都没学过,只能算是边用边学) 实现的功能是(由于是用公司的架构做的,这里不贴图片,我手动画个大概演示就可以了)一个员工点餐…

input file 在开发中遇到的问题类似ajax form表单提交 input file中的文件

最近在做项目的过程中遇到个问题,在这里做个记录防止日后忘记现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传…

ajax form表单提交 input file中的文件

ajax form表单提交 input file中的文件现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的…

Form表单提交，Ajax请求，$http请求的区别

做过前端同学想必都避免不了要和后台server打交道.而以下这三种与后台交互的方式想必大家都不陌生. Form表单提交,Ajax请求,Angular的$http请求以前一直搞不清楚什么时候应该用哪种方式请求数据,正好最近在做文件上传相关业务,顺便对这三种方式的使用场景及区别做个简单总结. 用法以下是三种请求方式的API详细介绍: Form: https://www.w3schools.com/html/html_forms.asp Ajax: http://api.jquery.com/jQ…

由于想要实现下载的文件可以进行选择，而不是通过<a>标签写死下载文件的参数，所以一直想要使用JFinal结合ajax实现文件下载，但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框，这里通过模拟表单提交实现同样的效果。

由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框,这里通过模拟表单提交实现同样的效果. 1.html代码: <a class="mini-button" iconCls="icon-edit" onclick="output()">导出</a…

javascprit form表单提交前验证以及ajax返回json

1.今天要做一个手机验证码验证的功能.需求是前端页面点击发送短信验证码,后台接收后通过ajax返回到前端,之后前端在提交时候进行验证.思路很简单,不过做的过程还是学到不少的东西. 1.ajax请求后返回 returning 405 Method Not Allowed 原因是我后台返回的时候没有加上: @ResponseBody注解.加上后返回的数据是json字符串,但是js只能操作json对象.需要把json字符串转为json对象.一般的有三种方式1.JSON.parse();如 var j…

form表单提交与ajax消息传递

form表单提交与ajax消息传递 1.前后端传输数据编码格式contentType: urlencoded 对应的数据格式:name=xxx&password=666 后端获取数据:request.POST ps:django会将urlencoded编码的数据解析自动放到request.POST formdata form表单传输文件的编码格式后端获取文件格式数据:request.FILES 后端获取普通键值对数据:request.POST application/json ajax发送js…

传统表单提交文件上传，以及FormData异步ajax上传文件

传统的文件上传: 只用将form表单的entype修改成multipart/form-data,然后就可以进行文件上传,这种方式常用并且简单. 以下是另一种方式FormData,有时候我们需要ajax进行异步的文件提交,怎么办? 以下是引用别人的话: FormData的使用 FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据.其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用.如果表单enctype属性设为multipa…

form表单提交和ajax表单提交，关于移动端如何通过软键盘上的【搜索】和【前进】进行提交操作

[文章来源]由于自己对于form研究甚少,所以一直用的都是AJAX进行提交,这次后台提出要用form提交,顺便深入研究一下:之前在做表单的时候,发现input可以通过设置不同的type属性,调用不同的移动端软键盘,但是对于软键盘中的[搜索]和[前往]不知道怎么进行控制 [form 和 ajax 区别] Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求.如我们想要改变页面局部内容的时候,使用Ajax进行刷新不会引起整体页面重新加载的现…

Ajax提交与传统表单提交的区别说明

Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求.比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现.网上的客服软件也是ajax请求的一个比较好的案例.传统的请求页面将实现刷新,因此局限性很大. 1.为什么用AJAX?使用AJAX,用户对Web的体验会更“敏捷”:数据提交页面不会闪屏:页面局部更新速度快:网络带宽占用低. 2.AJAX开发相较传统模式的简单之处:传统模式下,表单提交则整个页…

【jQuery ajax在GBK编码下表单提交终极解决方案（非二次编码方法）(转)】的更多相关文章