您现在的位置是:首页 > Javascript
当前栏目
阻止HTML表单提交跳转页面,使用 Jquery Ajax 请求接口
2023-02-25 18:20:00 时间
1. HTML 表单
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<form action="" method="post" onsubmit="return save(this)">
手机号 <input type="text" name="mobile" autocomplete="off">
登录密码 <input type="text" name="password" autocomplete="off">
<button>提交</button>
</form>
2. Javascript 函数
/**
* 提交表单
*/
function save(obj)
{
var formData = {};
var array = $(obj).serializeArray();
$.each(array, function() {
formData[this.name] = this.value;
});
console.log(formData)
$.ajax({
url: '',
type: 'post',
async: false,
data: formData,
success: res => {
console.log(res)
}
})
return false;
}
相关文章
- 基于 hugging face 预训练模型的实体识别智能标注方案:生成doccano要求json格式
- python读取json格式文件大量数据,以及python字典和列表嵌套用法详解
- 图学习【参考资料2】-知识补充与node2vec代码注解
- Paddle Graph Learning (PGL)图学习之图游走类deepwalk、node2vec模型[系列四]
- Java爬虫框架Jsoup学习记录
- Android开发——获得Json数据,并显示图片
- nodejs事件轮询详述
- JSON and Microsoft Technologies(翻译)
- JS常用的几种设计模式
- pm2:在生产环境中运行 nodejs 应用
- 一些你需要掌握的 tsconfig.json 常用配置项
- 用 nodejs 实现 http 服务版本的 hello world
- 聊聊 JavaScript 的几种模块系统
- Node.js 是怎么找到模块的?
- Node.js 是如何做 GC (垃圾回收)的?
- React 源码:ReactElement 和 FiberNode 是什么?
- JS 当中的函数柯里化和高阶函数
- 数据提取-JsonPath
- Selenium与PhantomJS
- 数据提取-PyQuery