从razorpage调用另一个目录中的javascript函数

时间:2019-07-04 20:15:43

标签: javascript asp.net-core .net-core razor-pages

我的razorpages项目中不能包含javascript文件。我希望能够从中调用函数,但是甚至没有警报。

我已经包含了app.UseStaticFiles();在startup.cs

我的html是这样的:

@page
@model OptimalHousing.Pages.IndexModel

@{
    ViewData["Title"] = "Index";
}

    <head>
        <script type="text/javascript" src="~/js/site.js"></script>
    </head>
<h1>Index</h1>

<p>
    <a asp-page="Create">Create New</a>
</p>
<table class="table">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.Dorm[0].dormName)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Dorm[0].dormUrl)
            </th>
            <th></th>
        </tr>

    </thead>
    <tbody>
        @foreach (var item in Model.Dorm)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.dormName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.dormUrl)
                </td>
                <td>
                    <a asp-page="./Edit" asp-route-id="@item.id">Edit</a> |
                    <a asp-page="./Details" asp-route-id="@item.id">Details</a> |
                    <a asp-page="./Delete" asp-route-id="@item.id">Delete</a> |
                    <a asp-page="./GetAddress" asp-route-id="@item.id">Get address</a>
                    <input type="button" id="getSearchresultsButton" name="getCoordinates" value="Get searchresults" onclick="callGetFilteredDorms()" />
                </td>
            </tr>
        }
    </tbody>

</table>
<input type="button" id="getSearchresultsButton" value="Get searchresults" onclick="javascript: dope()" /> 

我尝试包含的文件是此目录结构中的site.js: http://prntscr.com/oapg36

1 个答案:

答案 0 :(得分:1)

在页面中需要考虑一些不同的事情。首先,我认为您需要一个包含所有基本HTML标签的结构:

<html lang="en">
    <head>
      <meta charset="utf-8">
      <script type="text/javascript" src="js/site.js"></script>
    </head>

    <body>
        {{PUT YOUR BODY HTML HERE}}
    </body>
</html>

如果您的JavaScript已正确映射,并且您说app.UseStaticFiles();已被应用。首先尝试通过以下方式访问文件:

http://{{YOURDOMAINHERE}}/js/site.js

您是否获得了实际的javascript文件?如果没有,则说明映射不正确,您需要修复配置。

如果是这样,我认为上面的一行是这样的:

<script type="text/javascript" src="js/site.js"></script>

应该为您工作。

我在C#代码中看到的另一件事是,您将数组的第一个元素用作表头,然后在Dorm的同一数组上进行迭代。这将两次打印相同的第一个元素。考虑将表头放在自己的变量中,而不是将它们存储在数组中。