HTML提交form表单后获取返回的数据

摘要:
编写form表单当用户点击按钮时就会自动提交表单到后台处理,若此时想拿到后台返回的数据,则需要引入jquery-form.js包点击前往下载地址编写js$(function(){$('#student-import-form').ajaxForm(function(data){if(data.status==="fail"){alert(data.reason)}else{alert("xxx!

编写form表单

<form      method="post" action="xxx">
<input type="text">

<input type="submit"   value="提交"/>
</form>

当用户点击按钮时就会自动提交表单到后台处理,若此时想拿到后台返回的数据,则需要引入jquery-form.js
点击前往下载地址

编写js

$(function () {
    $('#student-import-form').ajaxForm(function (data) {
        if (data.status === "fail") {
            alert(data.reason)
        } else {
            alert("xxx!");
            window.location.reload()
        }
    })
})

如上图,jquery-form.js为jquery的选择器的原型链添加了ajaxForm方法,可以获取表单提交,后台返回的数据!

免责声明:文章转载自《HTML提交form表单后获取返回的数据》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SAP HANA中的SLT简介sqlserver 中含有某字符串下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue实战(4):postman测试数据、封装ajax、使用vuex管理状态

书到用时方恨少 这个阶段涉及到了vuex,本来想着不慌,用起来,使用的过程中问题还真不少 本篇涉及到的内容: ---postman 测试数据 ---封装 ajax 请求函数 ---封装接口请求函数 ---使用 vuex 管理状态 ---获取首页相关数据 0. 其它 vue实战(1):准备与资料整理vue实战(2):初始化项目、搭建底部导航路由vue实战...

Apache NiFi之Kafka流数据到HBase

一.说明 在大数据平台的业务场景中,处理实时kafka数据流数据,以成为必要的能力;此篇将尝试通过Apache NiFi来接入Kafka数据然后处理后存储之HBase 二.开拔 Ⅰ).配置ConsumeKafka_0_10 测试使用了kafka0.10版本,所以NiFi中也选择对于版本 a).选择ConsumeKafka_0_10 在Processor...

vue按键修饰符@keyup.enter.native

Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --> <input v-on:keyup.enter="submit"> 应用场景: 1、当我们在登录页面中,输完密码后,点击enter键就可以发起登录请求 <!-- 登录表单区...

Mysql触发器 :当一个表发生插入或更新时,将数据同步到另一张表中

tbl_slope:发生更新的表, checkupdates:更新后插入数据的表 CREATE triggerupdatetbl_slope AFTER update--表示触发器是在激活它的语句之后触发 ontbl_slope for each row --mysql固定语法 BEGIN if EXISTS(SELECT * FROM ch...

几篇关于MySQL数据同步到Elasticsearch的文章---第一篇:Debezium实现Mysql到Elasticsearch高效实时同步

文章转载自:https://mp.weixin.qq.com/s?__biz=MzI2NDY1MTA3OQ==&mid=2247484358&idx=1&sn=3a783479bb6a1852589f4c4cf3c5d310&chksm=eaa82beedddfa2f822db1492e5f82f7f43d877f2abed...

jquery表单插件 jquery.form(异步提交)(学习总结)

不通过jquery.form实现异步提交 通过一个iframe 将form 的target定位到iframe中的name <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...