1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jQuery如何使用ajaxSubmit()提交表单实例详解

jQuery如何使用ajaxSubmit()提交表单实例详解

时间:2022-08-31 19:13:46

相关推荐

jQuery如何使用ajaxSubmit()提交表单实例详解

web前端|js教程

ajaxSubmit,jQuery,提交

web前端-js教程ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示:

有游戏交易平台源码,ubuntu7r,爬虫学家奥斯汀响尾蛇,php tricks,安国seo推广lzw

代码如下:

任务统系统网页源码,云电脑安装ubuntu,启动两个tomcat方法,爬虫main有错误,用友u8 对接php,南帝seolzw

那么,如何通过ajaxSubmit(obj)提交数据呢?首先我们需要一个form:

httpservlet源码,ubuntu终端文件路径,爬虫登录简书,php exec php,东莞seo地址lzw

XHTML

代码如下:

标题:

内容:

上面是一个需要提交内容的form,通常情况下,我们直接通过form提交的话, 提交后当前页面跳转到form的action所指向的页面。然而,很多时候我们比不希望提交表单后页面跳转,那么,我们就可以使用ajaxSubmit(obj)来提交数据。使用方法如下所示:

代码如下:

$(utton).on(click, function() { $(form).on(submit, function() { var title = $(inpur[name=title]).val(), content = $( extarea).val(); $(this).ajaxSubmit({ type: post, // 提交方式 get/post url: your url, // 需要提交的 url data: { itle: title,content: content }, success: function(data) { // data 保存提交后返回的数据,一般为 json 数据// 此处可对 data 作相关处理alert(提交成功!); } $(this).resetForm(); // 提交后重置表单 }); return false; // 阻止表单自动提交事件 });});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。