[成都|内门弟子]CSS-何俊|2021年01月26日的日报-技能树.IT修真院

发表于： 2021-01-26 23:21:21

1 859

今天完成的事情：

1-什么是AJAX

AJAX=异步JavaScript和XML,是一种创建动态网页的技术

AJAX 不是新的编程语言，而是一种使用现有标准的新方法

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下

XMLHttpRequest对象（异步的与服务器交换数据）

JavaScript/Dom （信息显示/交互）

CSS（给数据定义样式）

XML（作为转换数据的格式）

AJAX的open ( )方法：

open ( ) 有三个参数（method ， url ， boolean）

method 取值是“GET”和“POST”

url 是文件在服务器上的位置

boolean 布尔值 false同步；true异步

ajax原生：

            // 生成一个对象
            var xhr = new XMLHttpRequest()
            // 发送
            xhr.open('GET', 'http://hello.php', true)
            // 监听数据
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                        //成功了
                        console.log(xhr.responseText)
                    } else {
                        console.log('服务器异常')
                    }
                }
            }
            xhr.onerror = function () {
                console.log('服务器异常')
            }
            xhr.send()

jquery ajax

            $('#btn').click(function () {
                var user = $('#user').val();
                var pass = $('#pass').val();
                console.log(user);
                console.log(pass);

                var data = {
                    name: user,
                    pwd: pass,
                }
                console.log(data)

                if (user === '' || pass === '') {
                    $('#hide').text('请输入用户名和密码');
                } else {
                    /* $.post()写法 */
                    var xhr = $.post('/carrots-admin-ajax/a/login', data, function () {
                        var xhrVal = JSON.parse(xhr.responseText);
                        console.log(xhr.responseText)
                        console.log(xhrVal)
                        if (xhrVal.code == -5003) {
                            $('#hide').text('用户不存在');
                        } else if (xhrVal.code == -5004) {
                            $('#hide').text('密码不正确');
                        } else {
                            $('#hide').text('登陆成功');
                            location.assign("http://dev.admin.carrots.ptteng.com/"); //跳转网页
                        }
                    });
                }
            });

2-如何使用正则表达式

正则表达式的作用：

1.验证数据的有效性

2.替换文本内容

3.从字符串中提取子字符串

正则表达式中包含三种元素分别为：量词、元字符、修饰符

3-什么是rest风格?get 与 post的区别?application json 与form表单的区别

概念：

一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制

get 与 post的区别：

GET在浏览器回退时是无害的，而POST会再次提交请求

GET产生的URL地址可以被Bookmark，而POST不可以

GET请求会被浏览器主动cache，而POST不会，除非手动设置

GET请求只能进行url编码，而POST支持多种编码方式

GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留

GET请求在URL中传送的参数是有长度限制的，而POST么有

对参数的数据类型，GET只接受ASCII字符，而POST没有限制

GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息

GET参数通过URL传递，POST放在Request body中

application json 与form表单的区别:

application/json

浏览器支持程度好，application/json作为请求content-type，告诉服务器请求的主题内容是json格式的字符串，服务器端会对json字符串进行解析，好处就是前端人员不需要关心数据结构的复杂度，只要是标准的json格式就能提交成功

application/x-www-form-urlencoded方式

是Jquery的Ajax请求默认方式，好处就是浏览器都支持，在请求发送过程中会对数据进行序列化处理，以键值对形式？key1=value1&key2=value2的方式发送到服务器

4-为什么有时我们需要配置hosts来本地测试？和什么有关？若不配置hosts会影响什么？

本地测试配置hosts的意义:

1、加快域名解析

通过在Hosts中配置域名和IP的映射关系,输入域名时计算机就能很快解析出IP

2、方便局域网用户

可以分别给这些服务器取个容易记住的名字，然后在Hosts中建立IP映射，以后访问的时候直接输入服务器的名字

3、屏蔽网站

4、顺利连接系统

问题：

不明白rest风格

返回列表

【任务10】 [成都|内门弟子]CSS-何俊 | 2021年01月26日 的日报 中品

评论

分享到

【任务10】 [成都|内门弟子]CSS-何俊 | 2021年01月26日的日报中品