将自定义js文件添加到cshtml

时间:2020-10-08 16:12:03

标签: javascript jquery asp.net-core

我是asp.net核心的新手。我想将自定义js文件添加到document.ready。如何添加呢?

我的代码=>

@section Scripts {
    <script type="text/javascript" src="@Url.Content("../MyFolder/CareerHelper.js")"></script>  
    .
    .
    .
}

这是错误显示=>

http://localhost:8089/MyFolder/CareerHelper.js  404 Not Found

我也尝试过这种方式=> Is there a correct way to add custom Javascript to an ASP.NET MVC 5 page?

但是它不起作用。

Careerhelper.js:

importScripts('./ApiHelper.js');  

import * as apihelper  from './ApiHelper';

function getIndustry() {   

    $.ajax({
        url: `${apihelper._api}/jobindustry`,
        type: 'GET',        
        dataType: 'json',
        success: function (response) {
            return response;
        },
        error: function (err) {
            throw err;
        }
    });

}

2 个答案:

答案 0 :(得分:0)

可能是您需要对IIS采取一些额外的步骤,请查看下面的链接。如果有帮助

https://haacked.com/archive/2008/11/26/asp.net-mvc-on-iis-6-walkthrough.aspx/

答案 1 :(得分:0)

如果您的{ "license": "MIT", "version": "0.0.1", "private": true, "scripts": { "frontend": "cd frontend && yarn lint" "frontend:admin": "cd frontend-admin && yarn lint", }, "husky": { "hooks": { "pre-commit": "npm-run-all frontend frontend:admin" } }, // In the main folder you should install husky // and npm-run-all to execute multiple commands "dependencies": { "husky": "^4.3.0", "npm-run-all": "^4.1.5" } } 等静态文件不在the wwwroot folder之外,则可以尝试以下操作来提供这些文件并使其按预期工作:

MyFolder/CareerHelper.js

添加对您的js文件的引用

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    //...

    app.UseStaticFiles();

    app.UseFileServer(new FileServerOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(env.ContentRootPath, "MyFolder")),
        RequestPath = "/MyFolder"
    });

    //...

文件夹结构

enter image description here

测试结果

enter image description here