页面不跳转提交表单获取数据

最新推荐文章于 2021-05-08 14:35:49 发布

原创最新推荐文章于 2021-05-08 14:35:49 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

个人笔记同时被 3 个专栏收录

5 篇文章

订阅专栏

JSP

4 篇文章

订阅专栏

HTML

2 篇文章

订阅专栏

在不支持AJAX的系统中，本文介绍了一种使用JQuery.Form.js的ajaxSubmit方法实现实时异步数据获取的解决方案。通过引入JQuery.Form.js并调用ajaxSubmit方法，可以实现表单的异步提交，进而获取数据。

比较简单的情况是，通过ajax实现异步，但如果有不支持ajax的情况就比较尴尬了.
上个项目中，需要与其它系统进行对接，悲催的是对方系统不支持ajax异步获取数据，网上查了些资料，发现JQuery.Form.js中有ajaxSubmit方法，可以实现异步提交表单进而获取数据，完美解决我当时的困境.
使用方法如下：

引入：
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="../js/jquery.form.js"></script>

function getData(){
			$("#dataForm").ajaxSubmit({
				url : "",
				xhrFields:{
					withCredentials:true
				},
				dataType:"text",
				data : {
				},
				success : function(data) {
					
				}
			});