06.JSON+ajax+跨域+onde 環境搭建 筆記

 

1.JSon 數據格式

2.AJAX

3.跨域

node 運行環境

-----------------------------------

1.JSon 是一種數據格式 不是一種編程語言 不是隻有js纔有JSon

//字面量
var obj ={
name:'shaozhu',
age:24

}

//JSON

var jso = {
"name":"shaozhu",
"age":24
}

-----------------------------

JSon 特色

1.key 必需要加雙引號

2.末尾沒有分號

3.同一個對象中不能出現兩個同樣同名的屬性

----------------------------------
無錯誤格式
var aa ={
"name":"shaozhu",
"age":24,
"hobby":["唱歌","跳舞","寫代碼"],
"work":{
"job":"web開發",
"address":"wulan"

},
"member":[{
"name":"lili",
"hobby":["唱歌","跳舞","寫代碼"]
},
{
"name":"lili",
"hobby":["唱歌","跳舞","寫代碼"]
}]
}

----------------------------------

 

//JSON.parse() //JSon字符串轉JSon對象

//JSON.stringify(); //json對象轉字符串 序列化

var json1 = JSon

----------------------------------------------------------

var test = JSON.stringify(aa,['name','member','work']);//aa是json對象 過濾 要什麼寫什麼 寫什麼就傳什麼

console.log(test);

----------------------------------------------------------

先後端分離 前端本地用json 模擬 操做項目的需求文檔 ！！！！！！！！

因此 JSon 很重要!!

----------------------------------------------------------

2.AJAX ！！！！！！！！！！！！！！！！！！！

異步加載 用戶體驗好 一個新的方法 異步更新的方法

AJAX 核心技術 XMLHttpRequest （對象 XHR） !!!!

IE5/IE6 ActiveXObject

 

----------------------------------------------------------
jq的

$.ajax({
type:'get',//方式
url:'url',//url
async:false,//async 異步 sync同步
data:{},
dataType:"json",
success:function(msg){
//成功到這來
},
error：function(){
//失敗到這來
}

})

----------------------------------------------------------

NODE.js 是一個 js的運行環境

 

1.nodejs 包管理器 npm ok

2.cnpm 安裝 OK

3.msysGit 安裝

3.1 https://jingyan.baidu.com/article/e52e36154233ef40c70c5153.html

4.nmp install connect

5.啓服務

node server-ren.js //自定義js

0:58 開始講Node.js 的搭建

一、說明：npm（node package manager）nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等）；

二、使用npm安裝插件：命令提示符執行npm install <name> ；

2.一、<name>：node插件名稱。例：npm install connect

----------------------------------------------------------

NODE 安裝

1.下載https://nodejs.org/en/download/ 下node 裝npm 或者C NPM

2.無障礙安裝

3.安裝完了 安裝的目錄就會多了 npm.cmd

4.安裝 CNPM

 

看版本號 cnpm -v

 

----------------------------------------------------------

 

npm install -g cnpm --registry=http://registry.npm.taobao.org

f:

進入F盤

cd nodejsserver

進入 nodejsserver 目錄

npm 裝 這個裏面

npm -v

cnpm -v

GiT(msysGit) 也要裝 要用 git bower

 

--------------------------------------------

--------------------------------------
！！！！.安裝 connect

npm install connect

npm install connect -g

後面這個是全局安裝
--------------------------------------

！！！！ 安裝body-parser

npm install body-parser

--------------------------------------

啓服務 CD 到目錄

node server-run.js

(server-run.js 是一個js 文件)

成功返回！！！！ Server started on port 3000.

--------------------------------------

http://localhost:3000/info

{"code":"200","msg":"success","result":[{"dataCode":"1111","dataName":"廣告投放"}]}

--------------------------------------

 

跨越

 

域名 端口 協議 不同 都算的跨域

通常都是後端處理跨域

若是前端要處理跨域的話

在

dataType:"json",

改爲

dataType:"jsonp",

該了以後只支持 get

 

----------------------------------------------------------

整理步驟

1.下載node.js https://nodejs.org/en/download/ 無障礙安裝

下載完 安裝目錄會多出幾個文件

2.下載 npm 或者cnpm 包管理工具 （推薦用 cnpm 淘寶鏡像）（能夠選擇全局安裝 或者cd 到指定文件安裝）

cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org

npm install -g cnpm --registry=http://registry.npm.taobao.org

二選一

裝完 npm -v 或者 cnpm -v 能夠看版本

3.安裝 git 方便訪問文件夾 （推薦安裝 msysGit）

4.安裝 connect 和 body-parser

npm install connect

npm install body-parser

 

5.啓動服務 node 文件名稱

例如：node server-run.js

PS：記得要CD 到目錄裏面----------------------------------------------------------