您现在的位置是:首页 > 正文

ajax使用pur请求怎么传参,jQuery使用ajaxSubmit()提交表单示例

2024-02-29 11:59:42阅读 1

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

复制代码 代码如下:

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

XHTML

复制代码 代码如下:

标题:

内容:

提交

上面是一个需要提交内容的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 数据

// 此处可对 data 作相关处理

alert('提交成功!');

}

$(this).resetForm(); // 提交后重置表单

});

return false; // 阻止表单自动提交事件

});

});

时间: 2014-04-02

网站文章

  • 漫画:什么是中间人攻击

    漫画:什么是中间人攻击

    转载自 漫画:什么是中间人攻击故事发生在上世纪40年代......在解放战争初期,东北牡丹江一带,奶头山有一个土匪副官叫栾平。他计划将包含重要信息的先遣图,献给威虎山的土匪头子座山雕。而后栾平被共军抓...

    2024-02-29 11:59:13
  • Jsp与HTML的区别

    先了解一下什么叫动态页面和静态页面?1、静态页面,即静态网页,是实际存在的,无需经过服务器的编译,直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间,且不能自主管理发布更新的页面,如果想更...

    2024-02-29 11:59:06
  • 如何使测试和开发沟通更有效

    一个缺陷的生命周期简单的可以分为三步:1、测试人员登记一个缺陷。2、开发人员阅读缺陷,并作出处理结果。3、测试人员进行验证,决定关闭或者打开。在这3个过程中,开发人员和测试人员更多的时候是靠文字沟通的...

    2024-02-29 11:58:59
  • Linux修改SSH远程端口教程

    Linux修改SSH远程端口教程

    1、切换目录至 /etc/ssh文件夹下,编辑sshd_config文件:找到 #Port 22; 去掉签名的#,并修改为:你需要的端口号;随后执行命令:vi sshd_config 修改端口号2、重...

    2024-02-29 11:58:29
  • AILabel.js之实例1:显示一张图像

    AILabel.js之实例1:显示一张图像

    元素必须赋值id属性。

    2024-02-29 11:58:24
  • 机床计算机数控技术论文,数控技术机床机械加工论文

    1数控技术在制造行业应用1.1在机床设备中应用数控机床是现代机电的重要组成,能够有效的提高制造业的工作效率。数控机床的应用改变了原来的零件加工方式,能够使用数字化技术处理零件的加工工艺,使用编程发布指...

    2024-02-29 11:58:16
  • C++ MFC中如何根据不同文件编码格式读取和显示文件内容

    这里假设VC++的字符集编码格式是Unicode,要显示的文本内容是strResult。上一篇,介绍了写文件,这一篇我要介绍的如何读取文件内容并显示出来。3、读取unicode-le编码格式的文本文件。4、读取unicode-be编码格式的文本文件。2、读取utf-8编码格式的文本文件。1、读取ANSI编码格式的文本文件。

    2024-02-29 11:58:11
  • 谷歌大脑提出gMLP:请多多关注MLP

    谷歌大脑提出gMLP:请多多关注MLP

    研究表明:自注意力对于视觉Transformer并不重要,因为gMLP可以达到相同的精度,性能优于ResMLP、MLP-Mixer等网络,可比肩DeiT等,在视觉和语言任务中通吃!可媲美Transfo...

    2024-02-29 11:57:43
  • 移动端点击a链接出现蓝色背景问题解决

    移动端点击a链接出现蓝色背景问题解决

    2024-02-29 11:57:36
  • 电脑Win11安装Autocad出现错误要如何处理

    电脑Win11安装Autocad出现错误要如何处理

    Autocad是一款十分出名的图纸设计软件之一,有不少用户都在使用,但有些用户在将电脑系统升级到Win11之后再去安装autocad的时候就出现安装错误,这时候我们要如何解决这个问题呢?Autocad...

    2024-02-29 11:57:29