jq ajax 对接数据,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:

7cb7cc8fafaf37be0f3858dd5cfdffad.png

select{

width: 200px;

height: 30px;

}

选择省

选择市

编码

$.get("city.json",function(data,status){

if(status){//省份的添加

$(data.城市代码).each(function(i,el){

var box = ""+el.省+""

$("#box_01").append(box);

});

}

$("#box_01").change(function(){//市的添加

$("#box_02").html("选择市");

$("#box_03").html("编码");

$(data.城市代码).each(function(i,el){

if($("#box_01").val() == el.省){

$(el.市).each(function(j,city){

var boxTwo = ""+city.市名+""

$("#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 = ""+city.编码+"";

$("#box_03").append(boxThree);

}

});

});

})

});

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

弹出层和ajax数据交互

Struts2与Ajax数据交互

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

ajax数据交互

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

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

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

ajax数据交互(arcgis server)

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

jSon和Ajax登录功能,ajax数据交互案例

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

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

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

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

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

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

无废话ExtJs 入门教程二十[数据交互:AJAX] extjs技术交流,欢迎加群(521711109) 1.代码如下: 1 /p>

随机推荐

linux系统中查看系统位数(转载)

查看系统多少位网上很多种说话   ### getconf WORD_BIT 错误的 这3个是对的        getconf LONG_BIT    echo $HOSTTYPE uname -a  ...

malloc_free_new_delete

malloc, free    是c的库函数,只会分配内存大小,不会调用构造函数,析构函数 new, delete    C++关键字,操作符,不仅可以分配内存大小,还可以调用构造函数,析构函数 在执 ...

android:Adb connection Error:远程主机强迫关闭了一个现有的连接

用真机调试程序的时候,eclipse的console总是出现如下的错误“Adb connection Error:远程主机强迫关闭了一个现有的连接” 问题出现的原因:这是ddms调用adb引发的. 经 ...

Qt信号槽连接在有默认形参下的情况思考

写下这个给自己备忘,比如函数 ) 你在调用端如论是test(3)或者test(),都可以正确调用到这个函数. 但是,如果放到Qt中的信号槽的话,这个还是值得讲一讲的,不然的话,可能会引起相应的误会. ...

深入理解java String 及intern

一.字符串问题 字符串在我们平时的编码工作中其实用的非常多,并且用起来也比较简单,所以很少有人对其做特别深入的研究.倒是面试或者笔试的时候,往往会涉及比较深入和难度大一点的问题.我在招聘的时候也偶尔会 ...

.NET使用Office Open XML导出超大数量数据到 Excel

我相信很多人在做项目的都碰到过Excel数据导出的需求,我从最开始使用最原始的HTML拼接(将需要导出的数据拼接成TABLE标签)到后来happy的使用开源的NPOI, EPPlus等开源组件导出EX ...

Linux内核中的算法和数据结构

算法和数据结构纷繁复杂,但是对于Linux Kernel开发人员来说重点了解Linux内核中使用到的算法和数据结构很有必要. 在一个国外问答平台stackexchange.com的Theoretica ...

无法获得锁 /var/lib/dpkg/lock - open

关于 apt-get update 更新的时候出现 无法获得锁 /var/lib/dpkg/lock - open 解决 直接删除这个锁文件即可: sudo rm /var/lib/dpkg/lock ...

Android安全系列之:如何在native层保存关键信息

相信大家在日常开发中都要安全层面的需求,最典型的莫过于加密.而apk是脆弱的,反编译拿到你的源码轻而易举,这时候我们就需要更保险的手段来保存密钥之类的关键信息.本文就细致地讲解简单却实用的native ...

LAN8710A/LAN8710Ai datasheet 记录

因为产品的双网口出现了问题,而且是AM335x 内部驱动,难度比较大,现从PHY 端开始分析相关原理,找到双网口不能使用的原因. 此篇是记录一些有关LAN8710A 这个PHY的一些特性. 各个功能模 ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值