发表于： 2020-06-01 22:43:09
1 2334
今日完成
补充:
另外补充几点：
1. 80端口有时候会被其他程序占用，可自行改成其他的
2. server name 默认是localhost，可修改成其他的，但是要配置相应的hosts，如想修改为task，则hosts中需增加一条 127.0.0.1 task
3. 建议直接在index主页加上所有任务的跳转链接，这样就可以直接用localhost:80访问主页，然后跳转到其他任务了，不用自己在url后面加小尾巴
4. nginx的作用远不止如此，项目中更常用的是解决跨域问题，如JS后面几个angular任务中，给出的后端接口 ip为http://175.25.23.192:10498，
获取banner列表接口为get方法，url为/a/article/search，我们可以在nginx中加上这样配置
这样一来，localhost:80/a/article/search也就等效于http://175.25.23.192:10498/a/article/search
可以改成其他拦截名，如
需要注意的是，由于这里的b并不在接口url中，所以proxy_pass中配置的ip后面要加上/，可以简单理解为，实际发送请求的时候，
b会被编译掉，localhost:80/b/a/article/search等效于http://175.25.23.192:10498/a/article/search
注意:看师兄例子时,他的例子用E:\wy\task，E:\task等路径都显示错误,原因:转义字符的锅
转义字符:所有的ASCII码都可以用“\”加数字（一般是8进制数字）来表示。而C中定义了一些字母前加"\"来表示常见的那些不能显示的ASCII字符，
如\0,\t,\n等，就称为转义字符，因为后面的字符，都不是它本来的ASCII字符意思了
所以文件命名时不以下方字符开头
什么是json
JSON(JavaScript Object Notation, JS对象标记)是一种轻量级的数据交换格式。它基于ECMAScript (w3c制定的
js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得
JSON成为理想的数据交换语言。易于人阅读和编写， 同时也易于机器解析和生成，并有效地提升网络传输效
率。
json语法
● I 表示数组
● {} 表示对象 (一个对象的多个属性)
● "" 表示是属性名或字符串类型的值
● : 表示属性和值之间的间隔符
● , 表示多个属性的间隔符或者是多个元素的间隔符
JSON 与 JS 对象的关系
很多人搞不清楚 JSON 和 Js 对象的关系，甚至连谁是谁都不清楚。其实，可以这么理解：
JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。
如
JSON 和 JS 对象互转
要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法：
要实现从 JSON 转换为对象，使用 JSON.parse() 方法：
XML的一个替代方法是JSON，可以在www.json.org找到。JSON是一种文本格式，
它独立于具体语言，但是使用了与C系列语言（如C、C#、JavaScript等）类似的约定。
JSON建立在以下两种数据结构基础上，当前几乎所有编程语言都支持这两种数据结构
ex: employee对象的简单例子。employee对象可能包含名、姓、员工号和职位等数据。使用JSON，可以如下表示employee对象实例：
var employee = {
"firstName" : John
, "lastName" : Doe
, "employeeNumber" : 123
, "title" : "Accountant"
}
然后可以使用标准点记法使用对象的属性，如下所示：
var lastName = employee.lastName; //Access the last name
var title = employee.title; //Access the title
employee.employeeNumber = 456; //Change the employee number
JSON它是一个轻量级的数据互换格式。如果用XML来描述同样的employee对象，可能如下所示：
<employee>
<firstName>John</firstName>
<lastName>Doe</lastName>
<employeeNumber>123</employeeNumber>
<title>Accountant</title>
</employee>
JSON编码比XML编码简短。JSON编码比较小，所以如果在网络上发送大量数据，可能会带来显著的性能差异。
获取两个输入框的值
<input placeholder="用户名" name="name" type="text" >
<input placeholder="密码" name="pwd" type="password" >
var aValue = document.getElementsByTagName('input');
var name = aValue[0].value;
var pwd = aValue[1].value;
var data ="name="+name+"&pwd="+pwd;//以键值对的形式发给请求地址
oAjax.send(data);
var oForm = document.getElementById('login');
var data = new FormData(oForm);
oAjax.send(data)
传输请求
var oAjax = new XMLHttpRequest();
oAjax.onreadystatechange = function() {
if (oAjax.readyState == 4 && oAjax.status == 200) {
var resdata = JSON.parse(oAjax.responseText);
console.log(name);
console.log(pwd);
console.log(resdata);
if (resdata.code === 0) {
window.location.href
返回列表
评论