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 的搭建

1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；

2、使用npm安装插件：命令提示符执行npm install <name> ；

2.1、<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 到目录里面
----------------------------------------------------------