Javascript 即使在调用ajax后页面也会刷新

////////////////////////////////////////

Javascript代码

<section class="owner-sec sec1">
    <section class="owner-txt">
        <div class="first-name">  <?php echo $first_name ?></div>
        <div class="last-name">  <?php echo $last_name ?></div>
    </section>
    <section class="bttn-save-owner bttn-save-owner1" style="display:none" > 
        <button id="savebtn1" onclick ="saveValue($(this),this.id)" class="save-bttn">Save Changes </button> 
    </section>
</section>

只需添加一个返回假；在saveValue方法的末尾：

更新：关于event.preventDefault

是的，你可以用这个。但我个人不会在提交表格时建议这样做。有时它就是不起作用。

你应该避免onclick=。。。因为它更难维护，并且可能导致错误。 而是在click事件上添加一个侦听器，并停止提交表单的默认操作

<button type=""button"  id="savebtn1" onclick="saveValue($(this),this.id)" class="save-bttn">Save Changes </button>

或者，如果您正在使用jQuery，并且看起来确实如此

document.getElementById("savebtn1").addEventListener("click", function(event){
  event.preventDefault();
  // do other stuff
});

---

我可以看看你的html的其余部分吗？

<button type=""button"  id="savebtn1" onclick="saveValue($(this),this.id)" class="save-bttn">Save Changes </button>

document.getElementById("savebtn1").addEventListener("click", function(event){
  event.preventDefault();
  // do other stuff
});

$('#savebtn1').click(function(e){
  e.preventDefault();
  // do other stuff
});