Javascript 在jquery url操作中动态生成api url参数以填充下拉列表

Javascript 在jquery url操作中动态生成api url参数以填充下拉列表,javascript,jquery,asp.net-mvc,url-action,Javascript,Jquery,Asp.net Mvc,Url Action,我在VS项目中有一个视图,它有三个下拉列表,其中两个是级联的,需要填充父控件的更改。我的工作流程非常适合静态url调用,但我需要动态添加数据,我没有任何运气。下面是代码的静态工作部分,也是我多次尝试使其动态工作的迭代之一 如果需要,我下面的示例数据层次结构按降序排列:项目(如食品)、类型(如水果)、名称(如香蕉) 感谢您的任何意见 工作静态代码: function dynamicTypeList() { $.ajax({ url: '@Url.Acti

我在VS项目中有一个视图,它有三个下拉列表,其中两个是级联的,需要填充父控件的更改。我的工作流程非常适合静态url调用,但我需要动态添加数据,我没有任何运气。下面是代码的静态工作部分,也是我多次尝试使其动态工作的迭代之一

如果需要,我下面的示例数据层次结构按降序排列:项目(如食品)、类型(如水果)、名称(如香蕉)

感谢您的任何意见

工作静态代码:

    function dynamicTypeList() {
       $.ajax({
           url: '@Url.Action("", "api/types/1")',

           success: function (data) {
               $("#Type_Id").empty();
               $("#Name_Id").empty();
               $("#Type_Id").append("<option value>Select Type (NEW)</option>");
               $("#Name_Id").append("<option value>Select Name (NEW)</option>");
               for (var i in data) {
                   $("#Type_Id").append("<option value='" + (i + 1) + "'>" + $(data)[i] + "</option>");
               }
           }
       });
   };
函数dynamicTypeList(){
$.ajax({
url:“@url.Action”(“,“api/types/1”),
成功:功能(数据){
$(“#Type_Id”).empty();
$(“#Name_Id”).empty();
$(“#Type_Id”).append(“选择类型(新)”;
$(“#Name_Id”)。追加(“选择名称(新)”;
用于(数据中的var i){
$(“#Type_Id”).append(“+$(数据)[i]+”);
}
}
});
};
断开的动态代码:

    function dynamicTypeList() {
       selItem = $("#Item_Number").val();
       console.log(selItem);
       $.ajax({
           url: '@Url.Action("", "api/types/" + selItem)',

           success: function (data) {
               $("#Type_Id").empty();
               $("#Name_Id").empty();
               $("#Type_Id").append("<option value>Select Type (NEW)</option>");
               $("#Name_Id").append("<option value>Select Name (NEW)</option>");
               for (var i in data) {
                   $("#Type_Id").append("<option value='" + (i + 1) + "'>" + $(data)[i] + "</option>");
               }
           }
       });
   };
函数dynamicTypeList(){
selItem=$(“#项目编号”).val();
console.log(selItem);
$.ajax({
url:'@url.Action(“,“api/types/“+selItem)”,
成功:功能(数据){
$(“#Type_Id”).empty();
$(“#Name_Id”).empty();
$(“#Type_Id”).append(“选择类型(新)”;
$(“#Name_Id”)。追加(“选择名称(新)”;
用于(数据中的var i){
$(“#Type_Id”).append(“+$(数据)[i]+”);
}
}
});
};
假设“api”是控制器,“类型”是操作,尝试将url变量替换为:

url: '@Url.Action("types", "api")' + sellItem,
sellItem是一个JavaScript变量,需要完全留在客户机上。或者可以使用此技术,以便使用在
URL.Action
中传递的自然URL参数:


工作起来很有魅力。非常感谢。