如何在POST方法之后将更改应用于web

How can I apply changes to the web after the POST method?

本文关键字：应用于 web 之后 POST 方法      更新时间：2023-09-26

我想要的任何更改都不会生效，因为每当我单击按钮时，页面都会自行刷新。

使用POST方法。在这种情况下，我单击按钮，然后更改生效，就像编辑部门的内部html一样，之后页面会自行刷新，这就是所有更改消失的原因。如果有任何方法可以在页面刷新后进行更改，请帮助我。

这是我的密码。你能告诉我如何在上面使用ajax吗？

<form name="myForm" method="POST">
<button style="border-radius:0px;" type="submit" name="tabExe" id="tabExe" href="#Exec" onClick="myFunction('Executive');" class="btn btn-primary">Executive Room>
</button> 
</form> 
<script> 
 function myFunction(str){ 
   if(document.getElementById(str) == tabExe){ 
      document.getElementById('room1').innerHTML = "Room 101";  
    } 
  } 
</script>

根据需要考虑以下Javascript ajax代码：

function submit()
{
  var xhReq = new XMLHttpRequest();
  xhReq.open("POST", "yourpage.phtml?param1=2&param2=10", false);
  xhReq.send(null);
  var serverResponse = xhReq.responseText;
  alert(serverResponse);
  return false;
}

HTML提交方法：

<form name="myForm" method="POST" onsubmit="return submit()">

当你点击提交按钮时。提交的表格。但当你使用按钮作为类型时，它不会刷新。

移除CCD_ 1。使用类型type ="button"

添加return false；在onclick函数中。所以它默认更改属性。

<form name="myForm" method="POST">
  <button style="border-radius:0px;" name="tabExe" id="tabExe" href="#Exec" 
        onClick="myFunction('Executive'); return false;" class="btn btn-primary">
    Executive Room>
   </button> 
</form> 
   <script> 
     function myFunction(str){ 
        alert();
       if(document.getElementById(str) == tabExe){ 
          document.getElementById('room1').innerHTML = "Room 101";  
        } 
      }   
    </script>
相关文章：