Ways to send an argument and retrieve a response string from JavaScript to an ASP.NET page, then refresh the HTML content

Question

Ways to send an argument and retrieve a response string from JavaScript to an ASP.NET page, then refresh the HTML content

I am facing a challenge with a dropdown list that triggers a javascript function (function typechanged(var)) when its value is changed. My task now is to send the var to the server, receive a menu based on the var string, and update the div where the dropdown is located with the new response text from the server (which contains a new HTML dropdown string). The issue is that I am working with a standard HTML dropdown select element rather than an ASP drag and drop control element. I have searched for solutions but only found ones involving server controls in ASP elements. How can I achieve this with my current setup?

javascript asp.net

Answer 1

Answer №1

If you're looking to initiate an AJAX request when the function typechanged() is triggered, here's a potential approach:

Consider importing jQuery into your website:

Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function typechanged(var) {
  $.ajax({
    url: "the_site_only_containing_new_dropdown.html",
    method: "get",
    data: {
      var: var
    },
    success: function(data) {
      $("#new_dropdown_placeholder").html(data);
    }                
  });
}
</script>

HTML:

<div id="new_dropdown_placeholder"></div>

In this script, the data parameter in the $.ajax method passes the variable value to

the_site_only_containing_new_dropdown.html

through the URL (e.g.

the_site_only_containing_new_dropdown.html?var=123

), enabling actions based on it.

Answer 2

If you're looking to initiate an AJAX request when the function typechanged() is triggered, here's a potential approach:

Consider importing jQuery into your website:

Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function typechanged(var) {
  $.ajax({
    url: "the_site_only_containing_new_dropdown.html",
    method: "get",
    data: {
      var: var
    },
    success: function(data) {
      $("#new_dropdown_placeholder").html(data);
    }                
  });
}
</script>

HTML:

<div id="new_dropdown_placeholder"></div>

In this script, the data parameter in the $.ajax method passes the variable value to

the_site_only_containing_new_dropdown.html

through the URL (e.g.

the_site_only_containing_new_dropdown.html?var=123

), enabling actions based on it.

Ways to send an argument and retrieve a response string from JavaScript to an ASP.NET page, then refresh the HTML content

Answer №1

Similar questions

Why is it possible for me to call a function that is defined below a component?

Unable to access properties of an unknown item (reading 'remove')

Updating certain fields in AngularJS with fresh data

Gather various data from multiple tables with Laravel

Error encountered when attempting to load files from the same domain due to CORS restrictions

Update the scrollspy navigation in a div with overflow by toggling the active class

What could be the reason behind the malfunction of the sideNav function in bootstrap?

Integrating Whatsapp cloud API with a React web application allows for seamless communication between

Error occurred while parsing JObject in JSON.NET

Building a Loading Bar with Two Images Using JavaScript and CSS

Navigating Data Retrieved from a Web Service in JSON Format Using jQuery

How can one overcome CORS policies to retrieve the title of a webpage using JavaScript?

What is the most reliable method for converting a 32-bit unsigned integer to a big endian byte array?

Tips for fixing an error encountered when running a react native project for the first time

Error in VueJS occurring following the import of a function into a JavaScript file

When implementing protractor spyOn() with jQuery's ajax() function, an error is triggered stating 'ajax() method is non-existent'

sending parameters to a callback function that is listening for arguments

Retrieve error messages from API while utilizing Next-auth

A way to extract alternating columns from a dataset table using a while loop and avoiding the use of IEnumerator

Is there a way to stop the navbar from covering the title?