如何在不重新加载整个页面的情况下重新加载网页中的组件

Question

我希望能够在更改其他组件时在我的网页中加载单个组件

<input ..... onchange="callFunctionToReloadNextTag()">
<input ... />      <--This is the tag i want to reload

您可以重新加载实际组件本身而不仅仅是组件中的内容吗？

当我说重新加载组件本身时，我的意思是......如果A = name，则B = TextField，如果A = date，则B = DateField

修改

这是我到目前为止所拥有的

<script>
function checkForChange() {
var approvalStatus = document.getElementById('licensingStatus').value;
if(approvalStatus == "Pass"){
    document.getElementById('licensingApprovalDate').setAttribute("validators", "validators:maxDateToday,required");
} else {
    document.getElementById('licensingApprovalDate').setAttribute("validators", "validators:maxDateToday");
}   
}
</script>

这种情况正在发生变化，即正确地为标签添加新属性，但未在网页上提取更改

Answer 1

Ajax只是意味着“在不离开页面的情况下从JavaScript发出HTTP请求”

您可以向Web服务发出HTTP请求，为您提供一些数据，然后修改DOM以根据该数据更改输入。

Answer 2

调用该函数并对该函数执行ajax操作，并使用元素ID使用DOM更改子内容。

参考此页http://www.yourhtmlsource.com/javascript/ajax.html

Answer 3

一个新答案，因为旧答案似乎已经被问题编辑所废弃。

• 根本没有Ajax
• HTML
中没有“validators”属性

我猜测你有一些在页面加载时运行的函数并查找你的非标准标记，然后根据它来分配事件处理程序。

您需要更改该代码，以便它可以处理该非标准属性的更改。

这可能涉及编写一个函数，该函数将删除它在页面加载时分配的所有事件处理程序，然后重新运行赋值函数。