What is the best way to retrieve server data from a different JavaScript file?

index.html

let myName = "Samantha";

app.js

retrieveName();

function retrieveName() {

    alert('<%=myName%>');
}

Why isn't my value displaying?

Answer №1

The code

console.log('<%=firstName%>');
utilizes the Web Form Page syntax. Retrieving values in this manner is not feasible because external JS files cannot support this syntax.

An alternative (though not ideal) approach is to embed the JS function within the layout file or another aspx file.

For more information, refer to How to get asp.net client id at external javascript file

Answer №2

To retrieve a value from your aspx page in JavaScript, simply create a global variable and access it using window.objectName.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

React Native bug: For Loop displaying only the initial element in the Array

I'm currently working on a function that is meant to iterate through 20 elements of an array called smn to display the elements that meet a specific condition. However, with my current code, I am only able to display the first element in the array: ...

When pulled from the database, UTF8 text displays as question marks

When I try to retrieve data from the database using this code, it displays question marks instead of Arabic letters. I have set the character encoding to UTF-8, but for some reason, it is not working. <?php header("Content-Type: application/json; chars ...

Uploading Images Dynamically with AJAX

Can someone assist me with a multiple upload form that utilizes AJAX to upload and display an image without the need for a submit button? My issue arises when dealing with repeating forms within table rows, causing only the first form to function properly. ...

Clicking within a table cell will grant access to the adjacent cells

I have a table set up to display items, and I want to create an onclick event on cell[0] that will alert the data from cell[1] and cell[2. Can someone help me figure out the best approach to access this information? If you need to see my current code, it ...

How to swap out the rel attribute with id in jQuery

Ensuring my webpages are W3C valid is a priority for me. I am taking steps to rectify errors one by one in order to achieve validity. Upon using the HTML5 doctype, an error was flagged. On Line 348, Column 81: it was pointed out that the RDFa Core attribu ...

Issue caused by overflowing content and resizing the display

I am facing a challenge with my website. Essentially, my webpage has the <html> set to overflow:hidden, with two horizontal navbars, a fixed vertical sidebar on the left, and a central div with the height: 90% property. Edit: The container div now ...

Transferring this object to inner functionality within JavaScript

Within my code, I have a function defined inside another function: function Test(message) { this.message = message; } Test.prototype.print = function() { console.log(this.message); } Test.prototype.print.polite = function() { console.log(thi ...

React.js: Passing an array as a property to an element results in the transformation of the array into an object

I'm trying to understand why passing an array as a prop to another element results in it getting transformed into an object with the array as its value. I need help understanding if this is a common JavaScript 'quirk' or specific to React an ...

Instructions on how to insert the meta tag with the attribute "http-equiv" set to "REFRESH" and the content "0; URL="somedomain"" into a division on a

Trying to send an ajax request to a page that includes the following meta tag: <meta http-equiv="REFRESH" content="0; URL=https://www.ohterDomain.com/help?nodeId=2&view=content-only"> After making a successful ajax call, the correct content is ...

Do you need to finish the Subject when implementing the takeUntil approach to unsubscribing from Observables?

In order to prevent memory leaks in my Angular application, I make sure to unsubscribe from Observables using the following established pattern: unsubscribe = new Subject(); ngOnInit() { this.myService.getStuff() .pipe(takeUntil(this.unsubscr ...

Updating input value using v-model in Vue.js does not reflect changes

I'm struggling with formatting numbers that I input in an HTML text box. I have a function that is supposed to format the number when I click out of the input box, but the updated value is not reflected in the v-model. The function is working correct ...

Can custom information be incorporated or shown for the specific area or mesh that is clicked on a rendered GLTF model?

I have a 3D model rendered using three.js, and I've managed to make it so that when you click on a part of it, that area turns red. However, what I want to do is not only highlight the clicked area but also display information about it in a modal wind ...

The pagination feature in Algolia instantsearch fails to display the results from the second page

While working with Laravel Vue and Algolia, I encountered an issue with pagination. The pagination seems to be functioning, but only the first page result is displayed. Clicking on pages 2, 3, etc. does not fetch the next page's results. Below are the ...

Preserving the binding on ngModel while isolating the directive scope

I have a custom element that uses the directive ng-model to share its value. The issue arises because this custom element has internal components that may affect the scope. To address this, I need to isolate the scope while still maintaining the connectio ...

This error message in AngularJS indicates that the argument 'fn' is not being recognized as a function

I am currently working with angularjs and typescript and I am attempting to create a directive in the following manner: Below is my controller : export const test1 = { template: require('./app.html'), controller($scope, $http) { ...

console rendering duplication in React

Why am I seeing duplicate log entries in the console? While working on another project, I noticed that the number of HTML elements being added using jQuery was twice as much as expected (specifically while building a notification framework). To investigate ...

Retrieving deserialized object in C# using JSON.Net

I was able to acquire some JSON data and store it in a dynamic type. Here is what the JSON data looks like: {"fruits":{"a":"orange","b":"banana","c":"apple"},"numbers":[1,2,3,4,5,6],"holes":{"0":"first","5":"second","6":"third"}} This is how I'm re ...

When an image in AngularJS is clicked, it should display a corresponding list

I'm brand new to Angular development. This is my very first solo project. My goal is to design a page where clicking on an image will display a list of items below it. For example, check out this link for reference: I've searched online for so ...

Retrieving the index of a table in HTML through ASP.NET when a button is clicked

Looking for help with a code that populates an HTML table with data from Parse.com and includes buttons in each row. The goal is to trigger specific actions related to each row when the corresponding button is clicked. I am struggling with getting the row ...

Using JavaScript to combine multiple arguments into one variable

Can multiple arguments be passed using a single variable? For instance, if I want to achieve the following: function foo(x,y){ document.write("X is " + x); document.write("Y is " + y); } var bar = "0,10"; foo(bar); The mentioned example is a sim ...