当前位置：文江博客话题详情

重新加载页面而不将其提交回服务器

发布于 2024-07-08 20:17:46 字数 427 浏览 9 评论 0原文

我遇到的问题是下拉列表中有两组值。如果选择类型“A”，我希望用数据库中的值填充文本框，并且该文本框是只读的。如果选择类型“B”，则该框将为空且可编辑。

实现这一点

我的原始代码是用 jsp/struts 编写的，我通过使用onchange="javascript:submit()" 重新加载页面来，但这有一个明显的缺点，即保存您所做的任何更改已经做了，这意味着你不能真正取消。

由于这种方法，我还遇到了服务器端验证的其他问题。

有没有一种方法可以使 jsp 页面在更改时重新加载，这样我就可以编写 javascript 来根据会话中保存的值来更改页面的外观。这样，只有在正确填写页面并且服务器端验证将按设计工作时，才会调用保存/提交功能。

我知道这是 AJAX 擅长做的事情，但我会尽可能避免它。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅语花开 2024-07-15 20:17:46

我的朋友，AJAX 是您唯一的其他选择，除非在原始页面加载时加载文本框的所有其他可能值，这样您就不需要返回数据库。好吧，您可以尝试将文本框放入 IFRAME 中，但与仅使用 AJAX 相比，这种方法可能会遇到更多问题。

回复收藏 0 原文

琉璃梦幻 2024-07-15 20:17:46

如果没有 AJAX，您所要求的将会很困难。另一种选择（很难看）是将第二个列表框的所有可能值写入数组或字典等数据结构中。

然后编写一些 JavaScript，以便当用户从第一个列表框中进行选择时从数据结构中获取值。为了完成这项工作并以跨浏览器的方式正确完成这项工作，您需要编写大量的 JavaScript，这比简单地使用 AJAX 困难得多。

回复收藏 0 原文

素年丶 2024-07-15 20:17:46

不知道为什么您会在当今世界尝试避免 AJAX，当今的 JS 库使它变得如此简单，不尝试就太疯狂了。

我只需替换按照文森特指出的那样编写的页面即可。考虑到 4 年前的数据相对大小，我认为当时这对于应用程序来说是有意义的。现在应用程序已经扩展，页面需要花费 30 秒以上的时间来重复解析数据结构（JS 写得不好？也许）。

我用一个非常简单的对 servlet 的 AJAX 调用替换了所有逻辑，该调用只是根据传递给它的内容返回第二个下拉列表的值的 JSON 响应，并且响应基本上是即时的。

祝你好运。

回复收藏 0 原文

痴情 2024-07-15 20:17:46

一种方法是更改表单的操作，以便将表单提交到与“保存”URL 不同的 URL。这使您可以重新加载表单的某些方面并返回表单本身，而不是提交数据。

<script>
  function reload() {
    document.forms[0].action="reloadFormData.jsp";
    document.forms[0].submit();
  }
</script>
<form action="saveData.jsp" method="post">
  <select id="A" name="B" onchange="reload()"><!-- blah --></select>
  <select id="B" name="B"><!-- blah B --></select>
  <input type="submit">
</form>

One way is to change the form's action so that you submit the form to a different url than the "save" url. This lets you reload certain aspects of the form and return to the form itself, instead of committing the data.

<script>
  function reload() {
    document.forms[0].action="reloadFormData.jsp";
    document.forms[0].submit();
  }
</script>
<form action="saveData.jsp" method="post">
  <select id="A" name="B" onchange="reload()"><!-- blah --></select>
  <select id="B" name="B"><!-- blah B --></select>
  <input type="submit">
</form>

回复收藏 0 原文

全部不再 2024-07-15 20:17:46

如果我理解正确，您需要一个下拉菜单 ()，具体取决于表单上方某处的选择（通常是复选框或单选按钮）？

在这种情况下，您可能需要在服务器上以不同的方式处理两种类型的输入，那么为什么不在表单区域中同时使用不同名称和 ID 的选择框和文本字段，并且其中一个隐藏（display =无）。然后在选择更改时切换可见性。在服务器上，您根据选择输入选择选择框或文本区域输入（除非您也禁用（disabled="disabled"）它们，否则它们都会存在，我认为这是不必要的）。

当然，如果您期望用户通常只需要文本输入，并且只需要几次，需要大量的列表；最好使用ajax来检索列表。但如果是相反的情况（您只是偶尔需要文本字段），正如我上面假设的那样，将两者都以初始形式呈现会更快。

如果下拉列表仅包含易于生成的数据，例如从现在到数百年前，使用 JavaScript 中的 for 循环生成数据客户端甚至可能会更快（需要更少的服务器带宽）。

回复收藏 0 原文

瞎闹 2024-07-15 20:17:46

我知道一个标签库可以解决您的问题：
AjaxTags。
我在我的 J2EE 项目中使用这个 taglib，并且将它集成到 Web 应用程序中非常简单。

该标签库为您提供了几个旨在在 jsp 文件中执行 AJAX 请求的标签。

以下是每个标签的描述： http://ajaxtags.sourceforge.net/usage.html

对您有帮助的标签是 ajax:select 标签。它允许您填充依赖于其他字段的选择标记，而无需重新加载整个 jsp 页面。

如果您有更多相关信息，请询问我，我会尽力快速回答。

回复收藏 0 原文

我很坚强 2024-07-15 20:17:46

按照Strindhaug所说的，但是如果你需要动态数据：

你能让后端将JS写入页面，然后JS会根据需要改变表单吗？后端可以传播一些用于描述等的变量，然后 JS 可以相应地更改/更新表单。如果您对此不熟悉，像 jQuery 这样的库使这样的事情变得更容易、更交叉- 浏览器而不是自行开发（至少根据我的经验）。

在旁边：
如果您不使用 AJAX，因为它很难编码（因为我有一段时间没有使用 AJAX，因为我的第一次体验是从头开始并且不漂亮），正如其他人所说，像 MooTools 等使得现在变得非常容易。而且，正确使用 AJAX 并不可耻。它有一个坏名声，因为人们用它做了愚蠢的事情，但是如果您不能简单地将预制值写入表单或者您必须进行实时查找，那么这就是 AJAX 的正确用途之一。

回复收藏 0 原文

~没有更多了~