原创

jQuery 使用 ajaxSubmit() 提交表单实现方法

ajaxSubmit(obj)方法是jQuery的一个插件 jquery.form.js 里面的函数,因此在使用此函数时需要先引入相关的插件。

所需js插件如下:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>

简单Html代码如下:

<form id="blogForm">
    标题:<input type="text" name="title" /><br />
    内容:<textarea name="content"><textarea/><br />
    <button class="btn-save">提交</button>
</form>

一般情况下,在提交表单时通过form直接提交,但是有时我们并不希望直接跳转页面,那么就可以使用ajaxSubmit(obj)函数来提交数据,具体使用方式代码如下:

$(".btn-save").on('click',function(){
	$('#blogForm').ajaxSubmit({ 
		url: "${r"${ctx }"}/${r"${userName }"}/article/edit", 
		type: "post", 
		dataType: "json", 
		async : false,
		contentType: "application/x-www-form-urlencoded; charset=utf-8",
		success:function(data){
			console.info('欢迎收藏本站');
		},error: function(XMLHttpRequest, textStatus, errorThrown) {
 			console.info(XMLHttpRequest.status);
 			console.info(XMLHttpRequest.readyState);
 			console.info(textStatus);
   		}
	});
		
});
~阅读全文~人机检测~

关注下方微信公众号“Java精选”(w_z90110),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信