ajax提交表单时，页面发生跳转了，直接跳到json数据页面

雨点打透心脏的1/2处 2023-06-22 04:24 31阅读 0赞

### 一、发生的问题 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RlZXBfcm9vdGVk_size_16_color_FFFFFF_t_70]

### 二、出现问题的可能原因 ###

说一下我遇到这种问题的原因：  
①用serialize()时，忘了写小括号；  
②尚不明确。  
哪怕在表单的提交事件里添加了“return false”语句，问题依旧存在。

### 三、 解决问题的必杀技 ###

放弃表单提交数据的方式，把提交按钮变成普通的按钮，即把input标签的type属性的值改为“button”，给这个普通的button添加一个回调函数，如下所示：

回调函数updateInfo()的代码如下所示：

挨个取出输入框中的值（作为请求参数的值），这样可能会略显麻烦，但是有时候不得不这样做。比如有一次我发现在提交表单时，下拉列表中的数据无法被序列化serialize出来。也就是这时不能用序列化serialize()方法了，只能挨个把输入框中的值取出来。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RlZXBfcm9vdGVk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191213215535849.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RlZXBfcm9vdGVk,size_16,color_FFFFFF,t_70