Mvc 3天 ajax下拉框更改数据(明天做省级联动吧)

最新推荐文章于 2021-08-06 03:59:23 发布

我是阿杰

最新推荐文章于 2021-08-06 03:59:23 发布

阅读量307

点赞数

分类专栏：项目学习

本文链接：https://blog.csdn.net/sf1520398083/article/details/49234687

版权

项目学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

视图：

                类型:
                <select id="category" name="category"></select>
                <select id="categoryid" name="categoryid"></select>

<script type="text/javascript">
    Category();
    Categoryid();
    $("#category").change(function () {
        Categoryid();
    });
</script>

Js:

function Category() {
    $.ajax({
        url: "/Json/New.ashx",
        dataType: "json",
        cache: false,
        data: "class=category",
        type: "Post",
        success: function (data) {
            var msg;
            for (var i = 0, length = data.cate.length; i < length; i++) {
                msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";
            }
            $("#category").html(msg);
        }
    })
}
function Categoryid() {
    var id = $("#category").val();
    $.ajax({
        url: "/Json/New.ashx",
        dataType: "json",
        cache: false,
        data: "class=categoryid&id="+id,
        type: "Post",
        success: function (data) {
            var msg;
            for (var i = 0, length = data.cate.length; i < length; i++) {
                msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";
            }
            $("#categoryid").html(msg);
        }
    })
}

后台：

后台就是把数据 Json转换出来

其中有Model=》Json 可以直接打出来用什么函数去了？明天弄

Datable=>json 通过自定义函数

链接：http://blog.csdn.net/sf1520398083/article/details/49228315

今日问题：

1.<select Id="test"></select>

$("#categoryid").html(msg); //select 里面只能是HTML

Jq改至有：text()文本、Html() 标签、Val()、attr() 属性值

2.Json传值过来有2中形式：1种有类名，一种没有类名

①：

{"cate":[{"CategoryId":"1","CategoryPid":"","CategoryName":"成人教育"},{"CategoryId":"2","CategoryPid":"","CategoryName":"职称考试"},{"CategoryId":"3","CategoryPid":"","CategoryName":"企业培训"},{"CategoryId":"9","CategoryPid":"","CategoryName":"官方公告"}]}

②：

:[{"CategoryId":"1","CategoryPid":"","CategoryName":"成人教育"},{"CategoryId":"2","CategoryPid":"","CategoryName":"职称考试"},{"CategoryId":"3","CategoryPid":"","CategoryName":"企业培训"},{"CategoryId":"9","CategoryPid":"","CategoryName":"官方公告"}]

在ajax中遍历取值的时候：

① 有类名 data.类名.length

            for (var i = 0, length = data.cate.length; i < length; i++) {
                msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";
            }

②无类名 data.length

            for (var i = 0, length = data.length; i < length; i++) {
                msg += " <option value='" + data[i].CategoryId + "'>" + data.CategoryName + "</option>";
            }

3.下拉框刷新了1，但是2没反应，硬是要第一个选了后才行哪里的问题了额？

问题图：