Ends in:
0 DAY
0 HR
36 MIN
32 SEC
Ends in:
0 D
0 H
36 M
32 S

ASP.NET Core MVC / Razor Pages UI: JavaScript Resource Loader API

abp.ResourceLoader is a service that can load a JavaScript or CSS file on demand. It guarantees to load the file only once even if you request multiple times.

Loading Script Files

abp.ResourceLoader.loadScript(...) function loads a JavaScript file from the server and executes it.

Example: Load a JavaScript file

abp.ResourceLoader.loadScript('/Pages/my-script.js');

Parameters

loadScript function can get three parameters;

  • url (required, string): The URL of the script file to be loaded.
  • loadCallback (optional, function): A callback function that is called once the script is loaded & executed. In this callback you can safely use the code in the script file. This callback is called even if the file was loaded before.
  • failCallback (optional, function): A callback function that is called if loading the script fails.

Example: Provide the loadCallback argument

abp.ResourceLoader.loadScript('/Pages/my-script.js', function() {
  console.log('successfully loaded :)');
});

Loading Style Files

abp.ResourceLoader.loadStyle(...) function adds a link element to the head of the document for the given URL, so the CSS file is automatically loaded by the browser.

Example: Load a CSS file

abp.ResourceLoader.loadStyle('/Pages/my-styles.css');

Contributors


Last updated: July 31, 2024 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

What’s New with .NET 9 & ABP 9?

21 Nov, 17:00
Online
Watch the Event
Mastering ABP Framework Book
Mastering ABP Framework

This book will help you gain a complete understanding of the framework and modern web application development techniques.

Learn More