Ajax appel à partir de fichier JS externe dans MVC 4

Question

J'essaie de récupérer des données de la ville sur la sélection de l'ID de pays en utilisant ajax via le fichier js externe et également noter que mon code est en cours d'exécution localement. Question Quand j'utilise la fonction jquery interne, c'est-à-dire en vue MVC, je peux charger la liste déroulante de la ville sur la sélection du pays où la liste déroulante n'est pas chargée quand j'utilise la même chose avec un fichier JS séparé.

Ci-dessous est l'appel Ajax ..

$(document).ready(function() { 

     $("#Country").change(function() { 

      $.ajax({ 
       type: 'POST', 
       url: '@Url.Action("GetCities")', 
       data: { id: $("#Country").val() }, 
       success: function (data) { 
        $("#City").empty(); 
        $("#City").append('<option value=" ' + 0 + ' ">' + "---Select---" + '</option>') 
        $.each(data, function (i, City) { 
         $("#City").append('<option value="' + City.value + '">' + City.Text + '</option>') 
        }); 
       } 
      }); 
     }) 
    }); 

Answer 1

Essayez de déboguer le code et vérifier la bonne URL et toserver d'affichage des paramètres.

$("#Country").change(function() { 

debugger; 
    var dropdnSelectedVal = $(this).val(); 

    console.log(dropdnSelectedVal); 

     $.ajax({ 
      type: 'POST', 
       dataType: "json", 
      url: '@Url.Action("GetCities")',//here is the issue, Its can not be parsed in external js file 
      data: { id: $("#Country").val() }, 
      success: function (data) { 

      debugger; 
      var responseDataFromServer = data; 
      console.log(data); 
       $("#City").empty(); 
       $("#City").append('<option value=" ' + 0 + ' ">' + "---Select---" + '</option>') 
       $.each(data, function (i, City) { 
        $("#City").append('<option value="' + City.value + '">' + City.Text + '</option>') 
       }); 
      } 
     }); 
    }) 
}); 

OU, consultez l'affichage de données par navigateur param au sever sur le réseau Browser Tab