ajax模擬獲取json

　　現在工作中我用到獲取數據的方式，基本都是ajax。前台獲取后端的數據后，需要進行處理，然后把他們放進頁面中的相應標簽里。下面舉一個簡單的例子，來模擬數據的獲取和擺放。

    這里用ng框架獲取數據然后處理，和用原生js的方式將數據放進頁面中。項目結構：

 （這里請求數據的時候J就是一個跨域的問題，我們需要將這段代碼，房子服務器里去跑，我這里用的是 xampp 搭建的服務，內含Apache和MySQL，etc）

   

項目結構如上所示，請求的是同一個php數據，PHP里面是有一個json。

{
    "sites": [
        {
            "Name": "阿逗博客",
            "Url": "http://www.cnblogs.com/adouwt/",
            "Country": "CN"
        },
        {
            "Name": "Google",
            "Url": "www.google.com",
            "Country": "USA"
        },
        {
            "Name": "Facebook",
            "Url": "www.facebook.com",
            "Country": "USA"
        },
        {
            "Name": "微博",
            "Url": "www.weibo.com",
            "Country": "CN"
        }
    ]
}

現在來獲取這個數據：

ng框架：

 

原生js:

倆個都可以完成數據擺放操作，顯示如下：

 

注意：在用ajax獲得的result是一個字符串，像這樣，

 

所以 JSON.parse(result)--->object。

 

 

補充：

 jq 跨域get 到線上的數據

$.getJSON( "https://easy-mock.com/mock/5a2b8513158e7b7003281adb/online/online", function( data ) {
　　console.log(data)
});

每日一句：Victory isn't defined by wins or losses. It is defined by effort. If you can truthfully say,"I did the best I could, I gave everything I had"; then you're a winner.--Wolfgang Schadler

翻譯：勝利不是用贏輸定義的，而是用努力定義的。如果你能如實地說，“我盡了我所能，我付出了所有”，那么你就是一個勝利者。——沃爾夫岡·謝德勒