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{

                width: 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）

jq ajax数据交互的更多相关文章

  1. 弹出层和ajax数据交互

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs& ...

  2. Struts2与Ajax数据交互

    写在前面: ajax请求在项目中常常使用,今天就平时掌握的总结一下,关于使用ajax请求到Struts2中的action时,前台页面与后台action之间的数据传递交互问题. 这里我主要记录下自己所掌 ...

  3. ajax数据交互

    目录 一.ORM查询优化 1-1. only与defer 1-2. select_related与prefatch_related 二.MTV与MVC模型 三.choices参数 四.AJAX 4-1 ...

  4. django建立管理系统之五----单页ajax数据交互

    ajax数据提交: 需求: 1. 点击ajax方式提交后数据提交到后台数据库,并且在前台实现数据更新 a.可以用刷新页面来实现数据页面的更新 对应的html,实现局部刷新(可以用刷新页面实现,例如 $ ...

  5. ajax数据交互(arcgis server)

    通过ajax来调用服务器map数据,来实现搜索功能. 效果: 1.我要搜索下中国移动的地理信息: 2.会搜出17条消息,然后把他们分页显示,一页6条: 3.每一页的6天数据,会在map生成一个6条ma ...

  6. jSon和Ajax登录功能，ajax数据交互案例

    ajax实例,检测用户与注册 检测用户名是否被占用: 在用户填写完用户名之后,ajax会异步向服务器发送请求,判断用户名是否存在 首先写好静态页面: index.html <!DOCTYPE h ...

  7. EChats+Ajax之柱状图的数据交互

    原文链接:https://blog.csdn.net/qq_37936542/article/details/79723710 一:下载 echarts.min.js 选择完整版进行下载,精简版和常用 ...

  8. 使用Jquery.AJAX方法和PHP后台数据交互小结

    使用jQuery的AJAX方法和后台PHP进行数据交互,交互采用的数据格式JSON格式. 我主要小小的总结了一下,我使用AJAX方法时候遇到一些小小的问题. 第一:在传递数据的时候,传输地址注意是否正 ...

  9. 无废话ExtJs 入门教程二十[数据交互：AJAX]

    无废话ExtJs 入门教程二十[数据交互:AJAX] extjs技术交流,欢迎加群(521711109) 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C ...

随机推荐

  1. java使用SimpleDateFormat实现字符串和日期的相互转换

    public class TimeTwo { public static void main(String[] args) throws ParseException{ String s = &quo ...

  2. PPT母版制作

    选择母版 首先,去iSlide官网下载iSlide,下载iSlide后,power point的菜单栏会自动出现iSilde图标(如下图). 打开iSlide这一栏,点击“图示库”,会弹出一个窗口,就 ...

  3. Python_Mix*random模块,time模块,sys模块,os模块

    random模块 作用: 生成随机数(整数,小数,从列表中随机抽值,打乱列表顺序) 常用函数: random.random( )生成随机小数 random.uniform( )取一个范围之间的小数 r ...

  4. Struts中向显示界面传输数据

    方法一:action类成员做对象成员,加getter,setter.例如: public class RegAction extends ActionSupport { private Login l ...

  5. 浅谈Object.assign()

    Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.返回值为目标对象. 1 Object.assign 是 ES6 新添加的接口,主要的用途是用来合并多个 Ja ...

  6. FTP 代理服务器实现

    本文将在Linux环境下实现一个简单的FTP代理服务器,主要内容涉及FTP主动/被动模式和简单的Socket编程. 1. 主动模式和被动模式 FTP有两种模式,即主动模式(Active Mode)和被 ...

  7. 远程连接SqlServer 数据库时提示 "在与SQL Server 建立连接时出现与网络相关的或特定实例的错误" 解决方法

    前言 由于在之前的职业生涯中, 无论是数据库还是开发环境, 都是前人弄好的,自己只管使用就好啦.并不知安装过程中会出现各种各样的错.最近接触服务器之后,开发环境以及配置各方面都是从头到脚开始安装到配置 ...

  8. Html骨架、基本语法

    万丈高楼平地起,勿贪快,脚踏实地,才能仰望星空 一.HTML骨架 标准骨架 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio ...

  9. runtime统计页面数据或者统计按钮的点击次数

    一.按钮的点击统计 有的时候我们遇见这样的需求,让我们统计用户点击我们页面的动作的次数给与用户以统计,供以后给客户端推送不同的页面数据,这时候我们就会用到iOS的黑魔法(runtime). 首先我们不 ...

  10. Java——值传递与引用传递

    1.基本类型和引用类型在内存中的保存 (1)基本类型的变量保存原始值,即它代表的值就是数值本身:   基本类型在声明变量时就为它分配了空间:   基本类型在参数传递过程中属于值传递,也就是复制一份数据 ...