刷新页面form表单提交了

以下是两种刷新页面的方法，分别适用于Vue和Layui框架下的form表单提交后的情况：

1. Vue框架下的刷新页面方法：

// 在Vue组件中的方法中提交表单后，可以使用以下代码刷新页面
location.reload();

2. Layui框架下的刷新页面方法：

// 在Layui的form表单提交成功的回调函数中，可以使用以下代码刷新页面
layui.use('form', function(){
  var form = layui.form;
  
  // 监听表单提交
  form.on('submit(formDemo)', function(data){
    // 表单提交成功后的操作
    // ...
    
    // 刷新页面
    location.reload();
    
    return false;
  });
});

相关问题

form表单提交页面进行页面刷新

在form表单中使用submit按钮提交表单时，会自动刷新页面。如果不希望页面自动刷新，可以使用JavaScript阻止默认提交行为：

<form onsubmit="event.preventDefault();">
  <!-- 表单内容 -->
  <button type="submit">提交</button>
</form>

这样，当用户点击按钮时，表单将不会自动提交，而是可以使用JavaScript获取表单数据并进行自定义操作。

form表单提交不跳转页面并刷新

要实现form表单提交不跳转页面并刷新，可以使用Ajax技术。具体步骤如下：

1. 给form表单添加一个id属性，方便在JavaScript中使用。

2. 使用JavaScript获取form表单元素和提交按钮元素。

3. 给提交按钮元素添加一个click事件监听函数，在函数中使用Ajax发送请求。

4. 在Ajax成功的回调函数中，根据后端返回的数据进行相应的操作，比如更新页面中的数据等。

下面是一个示例代码：

HTML代码：

<form id="my-form" action="submit.php" method="post">
  <input type="text" name="name">
  <input type="submit" value="提交">
</form>

JavaScript代码：

var form = document.getElementById('my-form');
var submitBtn = form.querySelector('input[type="submit"]');

submitBtn.addEventListener('click', function(e) {
  e.preventDefault(); // 阻止默认的提交行为

  var xhr = new XMLHttpRequest();
  xhr.open('POST', form.action, true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 后端返回的数据
      var data = xhr.responseText;
      // 对数据进行相应的操作
      // ...
    }
  };

  xhr.send(new FormData(form));
});

其中，FormData对象用于将form表单中的数据打包成一个键值对的对象，方便发送给后端。另外，需要注意的是，这里使用了XMLHttpRequest对象进行Ajax请求，如果需要兼容老版本的IE浏览器，需要使用ActiveXObject对象。