jQuery中的$.getJSON、$.ajax、$.get、$.post的区别
jQuery中的$.getJSON、$.ajax、$.get、$.post的区别
使用见Flask(python)异步(ajax)返回json格式数据
①.$.getJSON
$.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为:
getJSON(url,[data],[callback])
- url:string类型, 发送请求地址
- data :可选参数, 待发送 Key/value 参数 ,同get,post类型的data
- callback :可选参数,载入成功时回调函数,同get,post类型的callback
$.getJSON("{{ url_for('form_data') }}",params, function (result) {$("#myDiv").append("hello world1");console.log(obj.username + "<br>");});
②.$.ajax
$.ajax
是 jQuery 底层 AJAX 实现,$.ajax
是一种通用的底层封装,$.ajax(
)请求数据之后,则需要使用回调函数,有beforeSend、error、dataFilter、success、complete等。
格式:
$.ajax({ url:”路径”, type:”post/get”, datatype:”json”, //成功的回调函数 success:function(data){ alert(“回调函数成功了”); }, //失败的回调函数 error:function(){ alert(“服务器请求失败”); },//发送请求前调用,可以放一些“正在加载”之类的话 beforeSend:function(){ alert(“正在加载”); } });
例如:
$.ajax({"url": "{{ url_for('form_data') }}","type": "POST","data": params,"success": function (obj) {$("#myDiv").append("hello world") console.log(obj.username + "<br>") }, "error": function (obj) { console.log(obj) }, "dataType": "json", "async": true });
③.$.get
$.get
是简单易用的高层实现,我们使用$.get
方法,jQuery会自动封装调用底层的$.ajax
。
$.get
只处理简单的 GET 请求功能以取代复杂 $.ajax
,请求成功时可调用回调函数。不支持出错时执行函数,否则必须使用$.ajax
。
$.get( url ,[data] ,[callback] )
- url:string类型,ajax请求的地址。
- data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中。
- callback:可选参数,function类型,当ajax返回成功时自动调用该函数。
例如:
$.get("{{ url_for('form_data') }}", params, function (obj) {$("#myDiv").append("hello world")console.log(obj.username + "<br>");}, "json");
④.$.post
$.post
是简单易用的高层实现,我们使用$.post
方法,jQuery会自动封装调用底层的$.ajax
。
$.post
只处理 post请求功能以取代复杂 $.ajax
。请求成功时可调用回调函数。不支持出错时执行函数,否则必须使用$.ajax
。
$.post(url,[data],[callback],[type])
这个方法和$.get()用法差不多,唯独多了一个type参数,那么这里就只介绍type参数吧,其他的参考上面$.get()的。
- type:type为请求的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就和.get()返回的格式一样,都是字符串的。
例如:
$.post("{{ url_for('form_data') }}", params, function (obj) {$("#myDiv").append(obj.username + "<br>")console.log(obj);}, "json");
转载于:https://www.cnblogs.com/hoaprox/p/10782277.html
jQuery中的$.getJSON、$.ajax、$.get、$.post的区别相关推荐
- jQuery中hover与mouseover和mouseout的区别分析
本文实例分析了jQuery中hover与mouseover和mouseout的区别.分享给大家供大家参考,具体如下: 以前一直以为在jquery中其实mouseover和mouseout两个事件等于h ...
- [jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别?
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别? 在我们深入了解这些方法之前,我们先来一段常见的的HTML,作为我们编写jquery示例方法使 ...
- jQuery中 parent child 与 ance desc 的区别
jQuery中< parent > child >与< ance desc >的区别 (1)< ance desc > 使用$("ance desc ...
- jQuery中的$.getJSON
jQuery中常用getJSON来调用并获取远程的JSON字符串,将其转换为JSON对象,如果成功,则执行回调函数.原型如下: jQuery.getJSON( url, [data], [callba ...
- jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
- jquery 中后代遍历之children、find区别
jquery 中children.find区别 首先看一段HTML代码,如下: 1 <table id="tb"> 2 <tr> 3 <td>0 ...
- JQuery 中load、ready 和 onload 的区别
$(document).ready() 和 window.onload 在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上 $(document).ready() 和 window ...
- jquery 中 $(document).ready() 与window.onload 的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 windo ...
- html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别
在jQuery中,添加元素的方法有append(),prepend和 after(),before()两种共四个.但很多人对他们的使用有点混淆,今天就来分析一下.append()和prepend()的 ...
- jQuery中的$(window)与$(document)的用法区别
[window对象] 它是一个顶层对象,而不是另一个对象的属性,即表示浏览器中打开的窗口. 1.属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个 ...
最新文章
- 与 Linux 一起学习:学习打字
- 为什么你看了那么多面经,面试还是挂了?
- 【Redis6快速深入学习01】NoSQL数据库简介
- 内存分配方式以及堆和栈的区别
- c语言打开pdf失败,c语言错误种类总结.pdf
- 离散数学思维导图笔记
- 探索性测试方法讲解之一
- CDR X8快速绘制八瓣花教程
- 美国大学计算机信息技术专业排名,新鲜出炉 2019年USNews美国大学信息技术管理专业排名榜单!...
- 读《激荡三十年》有感
- ARM与裸机开发教程
- 背篼酥课堂第八课--APP开发--app图形化编程
- canvas机器鸭子走路动画
- iphone阅读模式翻页_iPad的safari浏览器阅读模式如何翻页
- 头条项目推荐的相关技术(一): 数据库的迁移与定时迁移技术
- 大数据技术原理与应用之【云数据库】习题
- Camtasia2023最好用的电脑屏幕录制软件
- 片上网络路由算法综述
- Node学习HTTP模块(HTTP 服务器与客户端)
- 在技术面前,请保持一颗谦卑的心