Question

如果这太简单并经过多次讨论，我道歉。我不是Javascript / JQuery开发人员，我不知道应该使用哪些搜索词： - （

问题是：我必须在工作中编辑html页面。有一个div显示一些内容。如果单击按钮，div中的内容应更改为另一个html页面。

小例子：

<form class="ReportController" name="DateRange" action="report" method="post" >
    <input type="checkbox" name="kategorie[]" />All
    <input type="checkbox" name="kategorie[]" value="Category1"/>
    <input type="submit" name="submit" value="Recalc" />
</form >
<div id="report" >
    < !-- some content -- >
</div >

每当我更改顶部的过滤时，我希望新数据显示在report-div中。新数据已存在于不同的html文件中。因此，如果有人选择“全部”，则应在report-div中打开（例如）all.html。

谢谢！亚历

Answer 1

您可以在此处使用.load功能。

例如：假设您要加载all.html文件：

$( "#report" ).load( "all.html" );

了解更多信息：http://api.jquery.com/load/

Answer 2

我认为这些文件存储在您的服务器上。所以你可以做的是向你的服务器发送一个Ajax请求（idk你使用的服务器端编程语言，这就是为什么我不能在这里给出进一步的指示）。在asp.NET中。您可以使用WebMethod或HttpHandler来处理此请求，在rails上的ruby中，routes-file会将此请求路由到特定的控制器操作。在服务器端代码中，您将读取传递的参数（此处为“selected”），打开相应的文件，将其读入字符串并将字符串写入响应。

请求可能如下：

$.ajax({
    url: "adress/route/httphandler/etc.",
    data: {"selected":$("#selectionBox").value()},
    method: "get",
    success: function(data){
        $("#report").html(data);
    }
});

编辑：好的，忘掉它，似乎.load（） - 函数正是这样做的。：D

Javascript：切换div的内容

2 个答案: