使用JavaScript更新网页，无需重新加载页面

vnzz0bqm 于 2023-02-15 发布在 Java

关注(0)|答案(1)|浏览(195)

我试图弄清楚当用户更改同一页面另一部分上的输入字段时，如何使用JavaScript更新该页面的一部分。除非我重新加载页面，否则我不能回去更新这个页面。我承认我对JavaScript不是很在行。如果有人能给予我建议如何处理这个问题，我将不胜感激。我我希望有一种方法可以不用 AJAX 来完成这项工作，因为这只是一个非常简单的任务，我不希望它变得太复杂。
我的网站有一个5步报价计算器，它显示和隐藏div，以便在不加载/重新加载页面的情况下完成这些步骤。在最后一步，即第5步，我基于第1步执行计算，并使用document. write输出它。但由于我允许用户返回到第1步并对输入文本字段进行更改，因此当他们返回时，第5步的计算变得不正确。
我希望避免页面重载，因为我使用jQuery来做一些很酷的转换效果，你通过这些步骤。什么是最好的方法来解决这样的问题？
我很乐意自己做一些研究，但我不知道从哪里开始。

JavaScript

来源：https://stackoverflow.com/questions/11716856/update-web-page-using-javascript-without-reloading-the-page

1条答案

按热度按时间

rqqzpn5f1#

您应该将计算绑定到步骤1中字段的onchange事件上，以便步骤5中的字段自动更新。
示例：在屏幕1中：

<input type="text" name="inputFromScreen1" id="input1" onchange="calculateResult()">

在屏幕5中：

<div id="results"></div>

联森：

function calculateResult()
{
   //parse the values into float or int otherwise you'll get a concatenated string
   var result=parseInt($("#input1").val())+.....;

   //check if your result is a number
   if (!isNaN(result))
       $("#results").html('<p>'+result+'</p>');
}

注意：我使用JQuery是因为它使dom操作变得非常容易，并且跨浏览器兼容。

赞(0）回复(0）举报 2023-02-15

我来回答

使用JavaScript更新网页，无需重新加载页面

1条答案

相关问题

热门标签

最新问答