【JavaScript】填坑，表单提交不执行Ajax方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了【JavaScript】填坑，表单提交不执行Ajax方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2151字，纯文字阅读大概需要4分钟。
内容图文
一开始我是这么写的
1
<
form
id
="form0"
class
="ui large form"
action
=""
method
=""
>
2
<
div
class
="ui segment"
>
3
<
div
class
="field"
>
4
<
div
class
="ui left icon input"
>
5
<
i
class
="user secret icon"
></
i
>
6
<
input
type
="text"
name
="nickName"
placeholder
="昵称"
>
7
</
div
>
8
</
div
>
9
<
div
class
="field"
>
10
<
div
class
="ui left icon input"
>
11
<
i
class
="user icon"
></
i
>
12
<
input
type
="text"
name
="username"
placeholder
="用户名"
>
13
</
div
>
14
</
div
>
15
<
div
class
="field"
>
16
<
div
class
="ui left icon input"
>
17
<
i
class
="lock icon"
></
i
>
18
<
input
type
="password"
name
="password"
placeholder
="密码"
>
19
</
div
>
20
</
div
>
21
<
div
class
="field"
>
22
<
div
class
="ui left icon input"
>
23
<
i
class
="lock icon"
></
i
>
24
<
input
type
="password"
name
="rePassword"
placeholder
="再次输入密码"
>
25
</
div
>
26
</
div
>
27
<
div
class
="field"
>
28
<
div
class
="ui left icon input"
>
29
<
i
class
="lock icon"
></
i
>
30
<
input
type
="email"
name
="email"
placeholder
="邮箱"
>
31
</
div
>
32
</
div
>
33
</
div
>
34
<
div
class
="ui error message"
></
div
>
35
<
button
type
="button"
id
="SignUser_btn"
class
="ui fluid large teal button m-margin-button-mini"
>注册</button>36<button type="button" id="back_btn" class="ui fluid large teal button" onclick="backHome()">返回</button>37</form>
<script> $(‘#back_btn‘).click(function () { $.ajax({ url: ‘/admin‘ }) }) $(‘#SignUser_btn‘).click(function () { var formData = $(‘#form0‘).serialize(); alert(formData) $.ajax({ type: ‘POST‘, url: ‘/admin/SignUser‘, data: $(‘#form0‘).serialize(), dataType: ‘JSON‘, success:function (data) { alert(data) alert(‘success‘) } }) }) </script>
点击注册以后
1.
var formData = $(‘#form0‘).serialize();
2. alert(formData)
这两句也能被执行，搞了好久才发现，不能把按钮写道form表单，不能把按钮写道form表单，不能把按钮写道form表单
原文：https://www.cnblogs.com/aioe/p/13358871.html
内容总结
以上是互联网集市为您收集整理的【JavaScript】填坑，表单提交不执行Ajax方法全部内容，希望文章能够帮你解决【JavaScript】填坑，表单提交不执行Ajax方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】