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

原文地址:https://www.cnblogs.com/shaozhu520/p/8605571.html