提交后，输入文本消失并重新加载页面（AJAX）

Question

即使我使用了ajax，为什么页面也重新加载，单击提交按钮后，页面也消失了。我已经使用show解决了它，但是它不起作用。

SweetAlertDialog sweetdialog = new SweetAlertDialog(this, SweetAlertDialog.SUCCESS_TYPE)
.setTitleText("Good job!")
.setContentText("You clicked the button!")
.show();

 sweetdialog.getButton(SweetAlertDialog.BUTTON_CONFIRM).setBackgroundColor(getResources().getColor(R.color.colorPrimaryDark));

Answer 1

在函数的末尾添加return false，以处理点击事件

Answer 2

两种解决方案：

1. 将按钮 type ='submit'更改为 type ='button'

或（最好是）

1. 更改事件侦听器以侦听表单的 onSumbit 事件，然后调用 event.preventDefault 或在jQuery中，我认为您只需 return false 在回调中。

Answer 3

我认为正在提交表单，因为无论您是否使用ajax，这都是提交按钮的默认行为。因此您可以通过在jquery中简单地添加代码来防止默认行为。像这样修改代码：

$(document).on("click","#save",function(e){
e.preventDefault();

...............

其余代码可以保持不变。因此只能阻止默认操作，它应该可以工作。

Answer 4

这是由于type =“ submit”

使用

<input type="button" name="submit" id="save"><br>

或

<a href="javascript:void(0) id="save">

或

jquery的preventDefault();