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

1 858


今天完成的事情:

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'datafunction () {
                        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风格



返回列表 返回列表
评论

    分享到