Java Script Module(Import/Export) with Asp.net Core Mvc

Question

I'm trying to work with modules, but when I try to import and use the method I receive the error - reference error onLogin is not defined, what can I be doing wrong?

LoginController.js

import Api from "/src/Utils/Api.js";

export default async function onLogin() {

try {
    debugger
    document.getElementById("loading").style.visibility = 'visible';

    var usuario = {
        snome: document.getElementById("EdtUsuario").value,
        ssenha: document.getElementById("EdtSenha").value
    };

    let retorno = await Api.post('/Login/login/', usuario);

    console.log(retorno);

} catch (error) {

    document.getElementById("loading").style.visibility = 'hidden';
    console.log(error);

}
}

Import in View

<script type="module"> import onLogin from '/src/Controller/LoginController.js'</script>

The Method onLogin is called on event onClick

<button onclick="onLogin()" type="submit" class="botaowidth100">Entrar</button >

KennetsuR · Accepted Answer · 2022-03-16 11:08:02Z

1

you can try new feature ImportMap

add script import map in _Layout.cshtml

 <script type="importmap">
        {
          "imports": {
            "AjaxGet": "/js/AjaxGet.js",
            "AjaxPostJSON": "/js/AjaxPostJSON.js"
          }
        }
    </script>

import in your script section

@section Scripts
{
<script type="module">
    import {AjaxGet} from "AjaxGet";

      $('#createBtn').click(function() {
            if (!confirm("Are you sure to create new sem account?"))
                return;
          
            AjaxGet("@Url.Action("Create")", {}, doneFunc);
          })
</script>
}

answered Mar 16, 2022 at 11:08

KennetsuR

78610 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raj · Accepted Answer · 2020-07-01 02:59:02Z

0

I think you will run into CORS error if you try to load js files locally due to security reasons. So you need to either not use script as module or serve the module from a server.

answered Jul 1, 2020 at 2:59

Raj

1166 bronze badges

Collectives™ on Stack Overflow

Java Script Module(Import/Export) with Asp.net Core Mvc

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related