zoukankan      html  css  js  c++  java
  • jq ajax数据交互

    get 与 post 的区别

      了解和使用

        get和post是HTTP与服务器交互的方式, 

        说到方式,其实总共有四种:put,delete,post,get。
        他们的作用分别是对服务器资源的增,删,改,查。
        所以,get是获取数据,post是修改数据。

        但是,现在大家都不这么干了! 

        只用一个方式就可以做增删查减的操作。

       区别分析

        get把请求的数据放在url上,即HTTP协议头上,其格式为:
        以?分割URL和传输数据,参数之间以&相连。
        数据如果是英文字母/数字,原样发送,
        如果是空格,转换为+,
        如果是中文/其他字符,则直接把字符串用BASE64加密,及“%”加上“字符串的16进制ASCII码”。
        post把数据放在HTTP的包体内(requrest body)。

        get提交的数据最大是2k(原则上url长度无限制,那么get提交的数据也没有限制咯?限制实际上取决于浏览器,(大多数)浏览器通常都会限制url长度在2K个字节,即使(大多数)服务器最多处理64K大小的url。也没有卵用。)。
        post理论上没有限制。实际上IIS4中最大量为80KB,IIS5中为100KB。

        GET产生一个TCP数据包,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);
        POST产生两个TCP数据包,浏览器先发送header,服务器响应100 continue,浏览器再发送data,服务器响应200 ok(返回数据)。

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

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

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

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

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

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

        那么,post那么好为什么还用get?get效率高!。

    get使用方法

     $.get(URL,callback);(查数据)

       url为请求的url

       callback为请求执行成功以后执行的函数

    post使用方法

      $.post(URL,data,callback);(修改数据)

      data参数规定连同请求发送的数据;

    demo:

      

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <style>
                select{
                     200px;
                    height: 30px;
                }
            </style>
            <script src="js/jquery-3.3.1.js"></script>
        </head>
        <body>
            <select id="box_01">
                <option>选择省</option>
            </select>
            <select id="box_02">
                <option>选择市</option>
            </select>
            <select id="box_03">
                <option>编码</option>
            </select>
            <script>
                $.get("city.json",function(data,status){
                    
                    if(status){//省份的添加
                        
                        $(data.城市代码).each(function(i,el){
    
                            var box = "<option>"+el.省+"</option>"
                            $("#box_01").append(box);
                        });
                    
                    }
                    
                    $("#box_01").change(function(){//市的添加
                        
                        $("#box_02").html("<option>选择市</option>");
                        $("#box_03").html("<option>编码</option>");
                        $(data.城市代码).each(function(i,el){
                            
                            if($("#box_01").val() == el.省){
    
                                $(el.市).each(function(j,city){
                                    
                                    var boxTwo = "<option>"+city.市名+"</option>"
                                    $("#box_02").append(boxTwo);
                                    
                                });
                                
                            };
                            
                        });
                        
                    })
                    
                    $("#box_02").change(function(){//城市编码的添加
                        
                        $("#box_03").empty();
                        $(data.城市代码).each(function(i,el){
                            
                            $(el.市).each(function(j,city){
                                
                                if($("#box_02").val() == city.市名){
                                    var boxThree = "<option>"+city.编码+"</option>";
                                    $("#box_03").append(boxThree);
                                }
                                
                            });    
                        });
                        
                    })
                    
                });
            </script>
        </body>
    </html>

     emmmm,以上代码没有贴json代码,因为json代码比较多。。。

    get和post区别(来源:https://blog.csdn.net/qq_26360877/article/details/70665820

  • 相关阅读:
    java 中静态变量和实例变量之间的区别
    java 中final 引用不可变,但是引用还是可以发生变化的
    java中char和Unicode之间的关系
    java 中终止内层循环的方法
    ssh 公钥免密码登陆
    关于Python 中unicode 转码的问题
    Python中Unicode码和非Unicode码引起的错误与格式转换
    第一次写博客,怎么写?
    zookeeper实现主-从结构的一般原理
    Python中Tuple的词源有趣探索
  • 原文地址:https://www.cnblogs.com/shangXR/p/9708490.html
Copyright © 2011-2022 走看看