get与post

作者: 卖参 | 来源:发表于2018-06-19 14:53 被阅读0次

post And get
Http(二)
AJAX
Class 1
GET与POST的区别？
Postman使用
GET表单提交/POST表单提交/数据交互/ node 垃圾回收
GET与Post的区别
GET 与 POST 的区别
网络

  <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    用户名: <input type='text' id='text1'>
    <input type='button' id='btn' value="点击注册">
    <script>
        
    let btn = document.querySelector("#btn") ;
    let text = document.querySelector("#text1");

    btn.onclick = function () {
        const ajax = new XMLHttpRequest() ;
        ajax.open('get','php/get_json.php?user='+text.value);
        ajax.send();
        ajax.onload = function () {
            let data = JSON.parse(ajax.responseText) ;
            if (data.code===0) {
                text.style.color = 'green';
                text.style.fontSize = '48px';
            }else if(data.code === 1)
            {
                text.style.color = 'pink';
            }

        }
    }
    </script>
</body>
</html>

/*
后端返回的数据基本是 JSON 数据以前是字符串数据
XML
<person>
<name>s <name/>
<age> 12 <age/>
<person/>
JSON
'{}' => {}
'[]' => []
JSON.parse(ajax.responseText).msg 把字符串格式的数据转换成对象的形式
注意
JSON 数据一定要是一个标准格式的
key 值 value 值要用双引号 bao
JSON.stringify() 把对象格式的数据转换成字符串的数据格式
这 2个在低版本浏览器用不了
下载一个json2.js 就可以兼容低版本浏览器
let obj2 = JSON.parse(JSON.stringify(obj)); 深度拷贝先把对象转成字符串,再把字符串转换成对象,进行深度拷贝 .
数据中如果有function undefined 是转不成对象的形式的
get
1. 通过url 的方式进行请求
通过get 方式请求把帐号密码放在url 中进行请求数据的发送验证(以前用form表单,地址栏暴露了用户信息用户名,密码)相对不安全
2. url体积是有限制的浏览器地址栏的长度受到限制(根据不同浏览器大小进行限制)sss
post
1. 通过服务器的方式进行请求 ,相对安全.
2. 理论说不限 (后端人员会限制大小)