如何在不生成html文件的所有内容的情况下更新Div内容

本文关键字：情况下 更新 内容 Div 文件 html | 更新日期: 2023-09-27 18:27:15

我在<body />标记中有一个HTML文件，其结构为：

<div id='header'>content of header</div>
<div id='content'>content of content.</div>
<div id='footer'>content of footer</div>

header、content和footer的内容根据用户交互而改变。

用户为header部分选择内容，header部分将用户内容添加到标题<div />中。

为此，我制作了三个字符串生成器变量，分别对应于c#中的三个<div />，每当任何<div />发生变化时，相应的字符串生成器变量都会更新，我正在制作一个包含<head />部分和<body />部分的HTML临时文件—最后将所有的字符串生成器附加到CCD_ 12标签并保存该文件。如果用户想下载该文件，该文件应该具有所有更新。

如何在没有临时文件的情况下用c#从代码后面更新特定的<div />内容？

我需要直接在文件上进行更改，我不想在代码后面重新设计临时页面。

如何在不生成html文件的所有内容的情况下更新Div内容

使用更新面板可以解决您的问题。

只需更新您的codeehind中的div即可。

http://ajax.net-tutorials.com/controls/updatepanel-control/

您可以使用以下代码更改特定div的内容。在代码隐藏文件中尝试以下代码

对于页眉头球InnerText="更改了页眉内容"；

其他div也是如此。

您确实可以像上面提到的那样使用updatepanel，甚至更好，用javascript对服务器进行异步调用，并用响应更新所选元素。

您可以使用jQuery（请参阅：jQuery.com）进行异步调用（例如使用$.getJSON或$.ajax），并使用jQuery将div的内容修改为：$（"#header"）.html（yourResult）.

对服务器的调用可以由处理程序（.ashx）或WCF服务或任何适合您的服务来处理。

希望这能让你走得更远！

干杯！

相关文章：