What could be causing the updated JavaScript file to not run on a live Azure website using ASP.NET MVC?

After making a minor adjustment to my JavaScript file on my deployed ASP MVC website hosted on Azure, I decided to redeploy everything. However, upon checking the resource files, I noticed that the JavaScript had indeed been changed, but the behavior of the website remained unchanged. What could be causing this discrepancy and how can it be resolved?

Interestingly, the change seems to work fine when running the website locally.

Here's some additional context:

The JavaScript was bundled using the ASP MVC bundling system. The specific code that was altered is as follows:

$('#welcome-messages ul').bxSlider({
    mode: 'vertical',
    auto: true,
    minSlides: 1,
    responsive: true,
    touchEnabled: true,
    pager: false,
    controls: false,
    useCSS: false,
    pause: 10000 // HERE
});

changed to

$('#welcome-messages ul').bxSlider({
    mode: 'vertical',
    auto: true,
    minSlides: 1,
    responsive: true,
    touchEnabled: true,
    pager: false,
    controls: false,
    useCSS: false,
    pause: 3000 // TO HERE
});

If you'd like to view the minified file generated by ASP MVC for the website:

$("#welcome-messages ul").bxSlider({mode:"vertical",auto:!0,minSlides:1,responsive:!0,touchEnabled:!0,pager:!1,controls:!1,useCSS:!1,pause:1e3});

In summary, I adjusted the pause time between slides from 10 seconds to 3 seconds, yet the website continues to exhibit a 10-second delay despite the JavaScript modification.

I'm also curious about accessing the files uploaded to the Azure website. Other hosting platforms typically provide options such as file managers or FTP access. Can Azure websites' root folders be accessed using FTP as well?

Answer №1

If you're having trouble not seeing the latest file, it could be due to your browser caching the files. Try clearing your browser cache and trying again.

I'm also curious about how I can access the files I uploaded to my azure website. Other web hosts usually provide a file manager or FTP access. Can we do the same with Azure websites and access the root folders via FTP?

If you used a publish profile file to deploy your application, open that file in a text editor. You will find FTP credentials within the file (see example below)

<publishData>   <publishProfile profileName="mytestwebsite - Web Deploy" publishMethod="MSDeploy" publishUrl="mytestwebsite.scm.azurewebsites.net:443" 
                  msdeploySite="mytestwebsite" userName="$mytestwebsite" userPWD="<cryptic password>" 
                  destinationAppUrl="http://mytestwebsite.azurewebsites.net" 
                  SQLServerDBConnectionString="" mySQLDBConnectionString="" hostingProviderForumLink="" controlPanelLink="http://windows.azure.com">
    <databases/>   </publishProfile>   <publishProfile profileName="mytestwebsite - FTP" publishMethod="FTP" publishUrl="ftp://waws-prod-blu-015.ftp.azurewebsites.windows.net/site/wwwroot"

                  ftpPassiveMode="True" userName="mytestwebsite\$mytestwebsite" 
                  userPWD="<cryptic password>" 
                  destinationAppUrl="http://mytestwebsite.azurewebsites.net" 
                  SQLServerDBConnectionString="" mySQLDBConnectionString="" hostingProviderForumLink="" controlPanelLink="http://windows.azure.com">
    <databases/>   </publishProfile> </publishData>

You can download this file from the "Dashboard" section of your Azure Website on the Azure Portal.

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

Unable to successfully import an external HTML file that contains a script tag

I am currently experiencing an issue with my index.html <!doctype html> <html lang="en"> <head> <meta charset="utf-8> <title>MyApp</title> <link rel="import" href="./common.html"> </head> <body> ...

Displaying Well-Formatted XML in Angular2 Using Typescript

After receiving this XML string from the server: <find-item-command xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" find-method="Criteria" item-class="com" only-id="false" xsi:schemaLocation=""> <criteria> <criterion> <descripto ...

What is the most efficient way to clear the input field in Angularjs when the backspace or delete keys are pressed?

Is there a way to reset an input field with AngularJS when the backspace or delete keys are pressed? I've implemented this fantastic directive, and it's been working great, except for when the user uses the backspace or delete key to clear the f ...

The integration of Firebase Google Auth seems to encounter issues when used on the Vercel

My experience with Vercel deployment has been quite interesting. While I find that Google authentication works seamlessly on localhost, it seems to encounter an issue when deployed on Vercel. Specifically, after logging out, the currentUser variable always ...

Adjusting the Materui LinearProgressWithLabel progress value to reflect a custom value

Is it possible to update the progress value of Material UI's LinearProgressWithLabel component with a custom value instead of the default one? I am trying to achieve this by obtaining my desired value from the upload progress in the Axios.post method, ...

Retrieve the keys stored within a complex array of objects

I am searching for a function that can transform my data, specifically an array of objects with nested objects. The function should only include keys with immediate string/number/boolean values and exclude keys with object/array values. For example: [ { ...

Tips for receiving dual return values from an AJAX request

I am sending an array of table IDs to retrieve the table numbers associated with those IDs from the database. I need to add up all the default seats for each table ID and return the total. JAVASCRIPT : function showUser(str) { if ...

"In the shadows, the .toLowerCase() method of undefined is failing without making a sound, yet the code

It seems that letting things fail in the background is necessary for this example to work consistently. Is there a way to work around this issue? There are instances where I need to check a div with a data-attribute on certain pages and add a class if it ...

Tips for positioning a div element within the body of a webpage to maintain a predetermined height and width

Currently, I am developing a single-page application using AngularJS. I have specific routes in mind where I want to introduce new HTML templates. To accomplish this, I have created a container labeled with the ID #main positioned between two navbars (he ...

Angular and Firefox are flagging the response from my OAuth call as incorrect, however, Fiddler is showing a different result

Currently, I am in the process of developing a Cordova application and require OAuth authentication with my Drupal backend. My main issue lies in obtaining a request token for this purpose. Despite receiving a 200 response indicating success, when inspecti ...

Animating colors with jQuery and shifting SVG shapes to create dynamic and

I am currently working on an svg animation that involves changing the color of the svg to a different color, creating a running light effect. Rather than fading the fill color of the entire svg as commonly seen in examples, I aim to achieve a dynamic trans ...

Setting a default action for an Ext.Ajax.request error situation

In my application, I frequently make ajax requests using the Ext.Ajax.request method. Often, I find myself skipping error handling for failed requests due to time constraints or lack of interest in implementing fancy error handling. As a result, my code us ...

What is the process for programmatically importing a module into the local scope in Node.js?

The coding environment is using a browser and the bundle tool being used is webpack. In my router.js file, I have the following code: import foo from './views/foo.vue' import bar from './views/bar.vue' import zoo from './views/zoo. ...

The GIF Loader fails to animate while an AJAX request is in progress

Displaying a DIV element containing a loading GIF image while waiting for an AJAX call response. Initially, the DIV element is hidden. Upon clicking a checkbox, the loader DIV is shown, followed by the completion of the AJAX call, and then hiding the load ...

The object filtering process is experiencing issues due to the presence of a null value in the column

I am trying to extract object data based on a specific value from an array. While the code snippet below works well when there are no null values, it fails to work properly when encountering null values in the column. For reference, you can check out this ...

Exploring Next JS: Effectively altering SVG attributes and incorporating new elements

I have integrated SVGR to load an SVG as a component in my latest Next.js 13 application: import CvSvg from './../../public/image.svg' export default function Home() { return ( <div className="flex flex-col min-h-screen" ...

My React application is being loaded by Express regardless of the route I access. What could be causing this issue?

I'm struggling to access the json data located at /species because express always seems to load the react app regardless of the route I use. Can someone help me identify the issue? Here is an excerpt from my server.js file: const app = require(' ...

Making API calls using JavaScript

I'm struggling with understanding how to approach this problem in javascript. Here is the question along with the details. I would appreciate any assistance. QUERY We have a server backend that provides two endpoints: /GetLocalPressReleases and /Get ...

I am encountering a situation in which the controller file is returning empty data when logging the contents of req

User Model const mongoose = require("mongoose"); const userSchema = mongoose.Schema( { name: { type: String, required: true }, email: { type: String, unique: true, required: true }, password: { type: String, required: true }, pic: { ...

Automatically showcase images from a directory upon webpage loading

Is there a way to modify my code so that the images from the first directory are displayed on the page when it loads, instead of waiting for a menu option to be clicked? The page looks empty until a menu option is selected, and I would like the images to s ...