[ASP.NET MVC] 使用JQuery Get Json格式的資料

例如要向伺服端要一串資料來當DropDownList的item

==================

.......View
    <div  id="selectArea"> <!-- 選擇相簿與相片 -->
        <select id="FileImageAb">
        </select>
        <input type="button" onclick="getFileAlbum()" name="btnGet" value="取得" />
    </div>

.......JQuery

    //取得目前所有相簿
    function getFileAlbum() {
        $.getJSON('<%=Url.Content("~/AjaxInfo/GetFileImageAlbumAll")%>', null,
            function (data) {
                $("#FileImageAb").children().remove();
                for (i = 0; i < data.length; i++) {
                    if(i == 0) { //將第一個設給隱藏欄位
                        $("#ClassInfoId").val(data[i].FileImageAlbumId);
                    }
                    $("#FileImageAb").append(
                        $("<option></option>").attr("value",data[i].FileImageAlbumId).text(data[i].FIAName)
                    );
                }
            });
        }

......Controller

        public ActionResult GetFileImageAlbumAll()
        {
            using (DBEntities db = new DBEntities())
            {
                var result = (from s in db.FileImageAlbum select new { s.FileImageAlbumId,s.FIAName }).ToList();
                return  Json(result,JsonRequestBehavior.AllowGet);
            }
        }


==========================================
如果想要依據某個隱藏欄位(id=ClassInfoId)決定目前select(id=selectClassInfoId)的選取項目：



        $.getJSON('<%=Url.Content("~/AjaxInfo/GetClassInfoAll")%>', null,
            function (data) {
                $("#selectClassInfoId").children().remove();
                for (i = 0; i < data.length; i++) {
                    $("#selectClassInfoId").append(
                        $("<option></option>").attr("value", data[i].ClassInfoId).text(data[i].Name)
                    );
                    $("#selectClassInfoId").val($("#ClassInfoId").val()); //將課程Id設定給下拉選單
                }
            });