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