阻止HTML表单提交跳转页面,使用 Jquery Ajax 请求接口
2024-09-09
91
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 函数
更新于:4个月前/**
* 提交表单
*/
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;
}
赞一波!2
相关文章
- 【说站】java如何自定义函数式接口
- 【说站】java泛型接口的使用注意
- 【说站】python API接口如何测试
- 【说站】ps一个页面怎么添加多个画布
- 【说站】java内置函数式接口有哪些?
- 【说站】java抽象类和接口的区别探究
- 【说站】java创建接口实现类
- 【说站】java接口的定义与实现
- 【说站】java SPI如何定义接口
- 【说站】java有哪些内置的函数式接口
- 【说站】java接口中静态方法的继承
- 【说站】java接口如何使用默认方法
- 【说站】java中Runnable接口是什么?
- 【说站】Thread在java中生成接口
- 【说站】java Callable接口是什么
- 【说站】java Consumer接口是什么
- 【说站】java中default如何操作接口
- 【说站】java函数式接口是什么
- 【说站】python如何创建操作页面
- .NET Core Razor Page ajax请求返回400 Bad request
文章评论
评论问答