提交后,输入文本消失并重新加载页面(AJAX)

时间:2018-10-02 05:54:04

标签: javascript php jquery ajax forms

即使我使用了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));

4 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

两种解决方案:

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

或(最好是)

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

答案 2 :(得分:0)

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

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

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

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

答案 3 :(得分:-1)

这是由于type =“ submit”

使用

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

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

jquery的preventDefault();