阻止HTML表单提交跳转页面,使用 Jquery Ajax 请求接口
2024-09-09
17
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 函数
更新于:9天前/**
* 提交表单
*/
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;
}
赞一波!
相关文章
- 微信公众号模板消息接口
- 登录页面模板推荐
- 身份证图片识别、银行卡图片识别接口(阿里云)
- PHP 手机号归属地查询接口【阿里云】
- 接口文档 API 调试、管理工具
- PHP 实现回退页面并刷新
- PHP通过CURL的方式读取图片接口输出乱码
- 仿站小工具和小飞兔(扒取网站页面)
- 前端请求PHP接口,报错跨域问题
- layui表单引入ueditor遇坑记
- ajax提交表单数据和上传文件
- ThinkPHP6.0自定义异常页面模板文件
- 人人商城 V3.18.1 小程序端获取商品列表接口
- Java中的微信支付:从接口调用到订单处理
- .NET接口压力测试指标
- Java调用IP代理接口实现软件IP转换
- HTML表单文件上传及下载功能代码示例
- 如何在宝塔面板中设置域名重定向(301跳转)
- 如何实现从一个域名到另一个域名的无缝跳转
- 接口版本控制在Java编程中的实践与示例
文章评论
全部评论