同源政策

Ajax 只能向自己的服务器发送请求。A 网站中的 HTML 文件只能向 A 网站服务器中发送 Ajax 请求，A 网站是不能向 B 网站发送 Ajax 请求的。

使用 JSONP 解决同源限制问题

jasonp = json with padding
不属于 ajax 请求，但是可以模拟 Ajax 请求。

利用 script 标签发送请求
解决的是 get 请求，传递参数需要拼接 url

封装

客户端(浏览器端)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function jsonp(options) {
    // 动态创建script标签
    var script = document.createElement('script');
    // 拼接字符串的变量
    var params = '';
    for(var attr in options.data) {
        params += '&' + attr + '=' options.data[attr];
    }
    var fnName = 'myJsonp' + Math.random().toString().replace('.', '');
    // 将它变成全局函数
    window[fnName] = options.success;
    // 为script标签添加src属性
    script.src = options.url + '?callback=' + fnName + params;
    // 将script标签追加到页面中
    document.body.appendChild(script);
    // 为script标签添加onload事件
    script.onload = function() {
        document.body.removeChild(script);
    }
}

服务器端

Ajax 学习笔记

这几天在学习 node.js，看到 Ajax 的部分内容比较零散，很难记忆，但是 Ajax 又是相当重要的知识，实际开发中也常常会用到，所以写个笔记来整理一下。

请求参数的格式

在请求头中指定 Content-Type 属性的值

1. application/x-www-form-urlencoded

name=zhangsan&age=20&sex=男

2. application/json

{name: 'zhangsan', age: '20', sex: '男'}

注意：get 请求是不能提交 json 对象数据格式的，传统网站的表单提交也是不支持 json 对象数据格式的。

Ajax 状态码

React学习…

看了下React的状态提升的理念，试着写了一下，同时也顺便复习了一下之前就不太熟的面向对象的编程思维。

大致上把React的核心概念看了，有点感觉了，是个非常好用的框架。


这几天又想折腾自己的破博客了，下了个主题，源代码文件夹里一看全是 React，笑死，根本看不懂。

怎么办？硬着头皮学呗。而且本来也计划要学一下前端的框架的。

假期里学了 html css js，但是实际开发中用这些效率实在是太低了，非常容易出问题不说，出了问题根本没法改，代码结构太乱了，一万个人一万种写法。所以前端也发展出了自己的框架，目前主流的就是 vue react angular。本来是想学 vue 的，因为 vue 是比较新的，最近这几年特别火，中国的大部分公司前端都是用 vue 的，而且这语言本身就是中国人写的。

但是当时想学的时候看了半天看不明白，跑去学 JavaScript 基础了，现在倒是对 React 挺感兴趣的了。

跟着 React 官网教程做的 TicTacToe，做倒是做出来了，就是代码看着还是有点逻辑混乱，毕竟没接触过这种框架式的前端开发，有点看不明白。

今天是8月18日，暑假快要结束了，开学就是大三，莫名有点焦虑，但是现在生活的状态就是纯摆烂，就是看到了世界的参差，自己和身边人的差距，但是自个完全不想努力。不知道这种状态什么时候能改变。

标题‘夏日夜未央’这个名字是在MTL的微博看到的，本来是8.7的活动，但是被突如其来的一波疫情完美干碎，好在上海控制住了，在夏天的末尾还能举办最后一次这样的活动，夏日祭也就改成了夏日夜未央。喜欢这个名字，联想到月曜夜未央，听说还不错，下次看看。

还是看着b站上的视频学的，第一次写一个像模像样的网页，还是挺有成就感的。

用的都是html和css的基础，还没有涉及到js，虽然现在学的这些都是实际开发中不会用到的，但是这种一点一点跟着教程把一个网页用最原始的元素搭起来的感觉真到好爽啊。

首页

写css前需要清除掉一点浏览器自带的属性。参考京东的写法，方便我以后忘记了可以来看一看。

最近一直在学前端，目前主要是跟着B站的一个视频学。
https://www.bilibili.com/video/BV14J4114768

500多集属实有点哈人了，现在只看到200多集，但是还好讲的还算比较有意思，听得下去。
但是实在是有点容易忘，前面学的一些细节已经搞不明白了。现在给自己的计划是一天看50集，可能会坚持不下去，多学一点总是有用的。

之前对前端有一些偏见，但是还是自己上手做了之后才知道蛮好玩的，总之就是提醒一下自己不要太相信听网上的b话。

还是跟着视频学的，乍一眼看还是跟C语言很像的，但是在细节方面又优化了很多C的复杂之处，总之是个很神奇的语言，也蛮有意思的。

看了个视频稍微学了一下css