jQuery使⽤ajaxSubmit()提交表单⽰例
ajaxSubmit(obj)⽅法是jQuery的⼀个插件jquery.form.js⾥⾯的⽅法,所以使⽤此⽅法需要先引⼊这个插件。如下所⽰:
复制代码代码如下:
<script src="/jquery-1.11.0.min.js"></script>
<script src="malsup.github.io/jquery.form.js"></script>个人简历模板word
那么,如何通过ajaxSubmit(obj)提交数据呢?⾸先我们需要⼀个form:
XHTML
复制代码代码如下:
<form>
标题:<input type="text" name="title" /><br />
内容:<textarea name="content"><textarea/><br />
<button>提交</button>
</form>
上⾯是⼀个需要提交内容的form,通常情况下,我们直接通过form提交的话,提交后当前页⾯跳转到form的action所指向的页⾯。然⽽,很多时候我们⽐不希望提交表单后页⾯跳转,那么,我们就可以使⽤ajaxSubmit(obj)来提交数据。使⽤⽅法如下所⽰:
世纪花园小说复制代码代码如下:
$('button').on('click', function() {
$('form').on('submit', function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val();
$(this).ajaxSubmit({
type: 'post', // 提交⽅式 get/post
url: 'your url', // 需要提交的 url
data: {
'title': title,
'content': content
},
success: function(data) { // data 保存提交后返回的数据,⼀般为 json 数据北辰中学
u盘有什么用多想有你在身边// 此处可对 data 作相关处理
酒店吃饭
alert('提交成功!');
女生的网名}
$(this).retForm(); // 提交后重置表单
});
return fal; // 阻⽌表单⾃动提交事件
});狼狈的意思是什么
});