After attempting to run a for loop 10 times with setInterval to call my function again, I realized that my for loop only runs ten times. How can I fix this issue?
function randomThumbNews() {
for(var i=0;i<10;i++){
$.ajax({
type: "get", url: "Home/Oku", data: {},
success: function (data) {
$("#thumbNews_" + i).html(data);
}
});
}
}
setInterval(randomThumbNews, 3000);
Consider trying this approach:
$.ajax({
type: "get",
url: "Home/Read",
data: {},
context: i, /* Remember that this value will be accessible as 'this' in your success callback */
success: function (data) {
$("#displayNews_" + this).html(data);
}
});
The issue here is that when
function (data) {
$("#thumbNews_" + i).html(data);
}
is executed, the loop has already completed, so the value of i will always be 10.
Only one of your <div>s will display the results.
To resolve this, you can modify the function to prevent closure issues:
function ajaxAndSet(counter)
{
$.ajax({
type: "get",
url: "Home/Oku",
data: {},
success: function (data)
{
$("#thumbNews_" + counter).html(data);
}
});
)
function randomThumbNews()
{
for(var i=0;i<10;i++)
{
ajaxAndSet(i);
}
}
setInterval(randomThumbNews, 3000);
Looking to utilize JavaScript to extract the value entered in a search bar and then display it in HTML. function pullValue() { var search = document.getElementById("search-bar") } How can the extracted data be inserted into the following: <h3 class ...
In order to address an issue, I implemented the following two lines of code: MyString = div.getAttribute('data-type') || div.getAttribute('data-id'); MyString = MyString.replace('RemoveThis', ''); Although the code ...
I'm having trouble figuring out the correct way to declare a Vue.component within export default. This issue arises from following a tutorial on vuejs.org. https://i.sstatic.net/PH3VN.png Instead of using var app = new Vue, I am implementing it as ...
Seeking guidance on serving an Angular single page application with Flask. I'm struggling to properly serve the default route, '/', that should load index.html and its associated components. Below is my Flask function: @app.route('/&a ...
<script> //grab all the input values when submit button is clicked const sub = document.getElementById("sub"); sub.addEventListener("click", (e) => { e.preventDefault(); //get input values var ...
Is it possible to inject JavaScript code from an asp.net page into an HTML page on a different domain, such as http://www.codeproject.com/? How can I achieve this injection from my application? I am currently developing a plugin similar to Pinterest. When ...
Is it possible to convert a web page in a React project to PDF and download it upon clicking a button? ...
As a backend developer, I'm looking to understand this JavaScript snippet. While I grasp some parts and have added comments where I am clear, there are still sections that leave me with bold questions. function transformData (output) { // QUESTIO ...
Upon loading the site, an image is displayed with the following code: <img id="some_Image" src="some_source"> However, I am looking to avoid requesting this image again from "some_source". This is because calculating the image can be resource-inten ...
In my project, I have a directory structure that looks like this: /web /bower_components /bootstrap /jquery /typeahead.js /views /index.jade My goal is to utilize these components in my index.jade file using the following method: lin ...
I'm diving into the world of AngularJS and I want to make an HTTP GET request to a distant server without messing up my current view code. After some research, I discovered a way to execute a function right after the HTML is loaded by using a standalo ...
Trying to decouple app and server. Successfully running, but encountering Error: connect ECONNREFUSED 127.0.0.1:3000 in Postman when hitting "app.get('/')" API despite making necessary changes. In ./routes/users.js const express = requ ...
I am trying to implement dual sliding carousels using Bootstrap 5, but I am encountering issues with getting them to slide simultaneously. Despite incorporating data-bs-target=".carousel", the synchronization isn't working as intended in my ...
I am currently working on implementing server-side pagination for loading data progressively into the browser. Here is a snippet of my controller action code: [Route("api/meteorites")] [HttpGet] public IActionResult GetAll() { var meteorites = _co ...
I am facing an issue with my array structure, it looks like this, [ [ "Show/Hide", "P000", "MAX-CT05 FVM2-", "S", 1532, -9.5929406005, null, null, ...
//index.js let countryNameList = { "name"=["Bangladesh","India","Australia"] } //Output Section let findCountryIndex = awaitDataModel.find({$indexOfArray:{CountryName:"Bangladesh"}}) console.log(findCountryIndex); //Expecting Output : 0 I am l ...
In my project, I am developing a scrollable image component inspired by the design of the Apple AirPods Pro website. To achieve this, I am utilizing images up to a size of 750 pixels for each iteration of the component. Currently, I am drawing these imag ...
My experience with QuickSort involved testing two algorithms on LeetCode for a specific problem. Surprisingly, both algorithms worked, but one outperformed the other significantly, leaving me puzzled about the reason behind the speed difference. One of th ...
I've implemented ajax to send data to a custom rest endpoint as part of creating a filter function on my WP site. However, I'm currently facing an issue with getting the tax_query to work with the array of terms collected on the front end using ...
As a newcomer to Typescript (and Javascript), I've been experimenting with classes. My goal is to create an object that can be filled with similar entries while maintaining type safety in a concise manner. Here is the code snippet I came up with: le ...