1.你這個(gè)地址是調(diào)取是的相對(duì)地址還是絕對(duì)地址，絕對(duì)地址的話應(yīng)該是http或者h(yuǎn)ttps開(kāi)頭的
2.你調(diào)取的api有沒(méi)有涉及到跨域，有的話就用ajax的jsonp去調(diào)取

ajax文檔

《javascript權(quán)威指南》

入門(mén)級(jí)的我還是覺(jué)得《javascript DOM編程藝術(shù)》適合你，然后想精進(jìn)的話再上《javascript 高級(jí)程序設(shè)計(jì)》或《javascript 權(quán)威指南》

呃，這種你不給頁(yè)面不太好幫你寫(xiě)的呀……

好吧那就當(dāng)全是p標(biāo)簽擼咯。
首先你得引入個(gè)jQuery，怎么引入不多教，自己去搜，記得:

1. 把<script>標(biāo)簽全部放到</body>前邊；
2. 記得先引入、再調(diào)用。

另外，jQ文檔可以參考jQuery API 中文文檔

然后，考慮到后臺(tái)傳回來(lái)的是個(gè)JSON，所以可以用jQ的getJSON接口：

$.getJSON('api/OperateCms/GetOperateCMSList', function(json){ //這里的json代表成功調(diào)用后回傳的數(shù)據(jù)
    if (true === json.Status) { //先判斷下API是否調(diào)用正常
        //這里看著回傳回來(lái)的JSON數(shù)據(jù)，把東西挨個(gè)回填到頁(yè)面上。
        //考慮到回來(lái)內(nèi)容放在一個(gè)數(shù)組里，所以要使用循環(huán)將它們挨個(gè)挖出來(lái)，這里可以使用jQ的each接口來(lái)做，比如：
        $.each(json.BackData.dataList, function(index, item) { //index是數(shù)組下標(biāo)，item是數(shù)組內(nèi)容
            //這里填充你的頁(yè)面結(jié)構(gòu)，我就隨便一寫(xiě)，你先用假數(shù)據(jù)把頁(yè)面寫(xiě)好，然后把結(jié)構(gòu)打散放到這里
            var pageItem = '<div class="item">';
                pageItem += '<h3 class="title">' + item.OC_Name + '</h3>'; //注意引號(hào)的嵌套
                pageItem += item.OC_Content;
                pageItem += '<img src="' + item.OC_Name + '">';
                pageItem += '</div>';
            $(pageItem).appendTo('body');//最后回填到頁(yè)面
        }
    } else {
        console.error('ERROR: ' + json.StatusMessage);// 如果出錯(cuò)，要把報(bào)錯(cuò)信息打到控制臺(tái)
    }
})

反正基本就是這樣吧，主要是你要先(用假數(shù)據(jù))寫(xiě)好頁(yè)面，然后把要?jiǎng)討B(tài)添加的部分放到j(luò)s里來(lái)做。

書(shū)的話，我推薦本清華社的《Web設(shè)計(jì)與前端開(kāi)發(fā)秘籍：HTML CSS JavaScript jQuery 構(gòu)建網(wǎng)站》，不過(guò)這套書(shū)有個(gè)缺點(diǎn)，就是特喵的書(shū)里所有跳轉(zhuǎn)到XX頁(yè)的數(shù)字都有問(wèn)題！??！(應(yīng)該是直接按原版直接抄上去的……)不過(guò)入門(mén)我覺(jué)得還算合適。視頻我不太推薦，因?yàn)槲矣X(jué)得國(guó)內(nèi)的視頻都水的厲害，講師語(yǔ)速慢點(diǎn)直接2倍速看都沒(méi)問(wèn)題，而且大都半天說(shuō)不到主題。網(wǎng)站可以去看MDN的，或者W3School的也還闊以吧。

$.ajax({
                    type: "get",
                    url: "api/OperateCms/GetOperateCMSList",
                    dataType: "json",
                    success: function (data) {
                        // 這里就是你的json可視化內(nèi)容
                        // 再根據(jù)你的dom展示就可以了
                    }
                });