Ajax 技术支持在不刷新页面的情况下动态更新页面中的局部内容。...同时诞生了大量的 Web 前端 DHTML 开发库,例如 Prototype、Dojo、ExtJS、jQuery/jQuery UI 等等。...四、RESTful风格 REST是一种设计API的模式(风格)。最常用的数据格式是JSON。...HTTP1.1协议为例:他有7个HTTP方法:GET/POST/PUT/DELETE/PATCH/HEAD/OPTIONS GET(SELECT):从服务器取出资源(一项或多项)。...400 INVALID REQUEST - [POST/PUT/PATCH]:用户发出的请求有错误,服务器没有进行新建或修改数据的操作,该操作是幂等的。
如果说Web Service是一种特殊的RPC,那么REST Service又是一种特殊的Web Service,目前已成为分布式通信的重要手段。...; 2.前端页面发送四种HTTP请求,可通过Jquery的ajax方法完成; 3.前后台通过json通信,对于POST和PUT请求,ajax需要提交json字符串作为数据,后台用@RequestBody...接收json转为java对象; 4.已配置阿里巴巴的Fastjson工具作为消息转换器,controller返回的对象自动转json字符串到前端; 5.Server端使用SSM框架,需要用mysql建立表格...的API发送GET,POST,DELETE,PUT请求,底层是通过HttpClient实现远程调用; 2.注意POST和PUT方法,发送的请求包含了HTTP头设置,否则容易出415的错误; 3.前端页面提交...json数据到后台的模板为:如果是GET请求,直接$.get(...)即可; 4.Client端入口:http://localhost:8080/Spring-REST-Client/rest 使用方法
) 7、跨域配置 8、 测试【Ajax】的Get请求 9、测试【Ajax】的Post请求 前言: 本章节主要针对Web API进行基础教学以及强化训练,并对跨域操作做出详细的介绍与添加跨域配置信息,可以通过本文学会创建...当前的发展趋势,就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备…)。因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信。...如果一个架构符合REST的约束条件和原则,我们就称它为RESTful架构。...REST本身并没有创造新的技术、组件或服务,而隐藏在RESTful背后的理念就是使用Web的现有特征和能力, 更好地使用现有Web标准中的一些准则和约束。...虽然REST本身受Web技术的影响很深, 但是理论上REST架构风格并不是绑定在HTTP上,只不过目前HTTP是唯一与REST相关的实例。
使用Django Rest Framework + React 写一个应用,中间需要使用 jquery 读取api服务的json数据,反复出现Uncaught SyntaxError: Unexpected...token <错误,花了半天时间谷歌,万能的stackoverflow.com上的答案貌似都不对题。...出现这个错误的原因是: 你链接到的JavaScript文件返回404了页面。 换句话说,浏览器正在期待JavaScript(或json),但它返回了HTML结果。 可不是吗?...ajax({ headers:{ 'Content-Type':'application/x-www-form-urlencoded'...愚蠢的低级错误!马上加上url赋值语句,于是终于……又出现了另一个新的错误!好吧,至少我又跨过了一个坑。 ¯_(ツ)_/¯
State Transfer,简称REST)描述了一个架构样式的网络系统,比如 web 应用程序。...)- 指代坏请求(如,参数错误) 404 (not found)- 资源不存在 406 (not acceptable)- 服务端不支持所需表示 500 (internal server error)-...500 (internal server error)- 通用错误响应 503 (Service Unavailable)- 服务当前无法处理请求 PUT 不安全但幂等 用客户端管理的实例号创建一个资源...)- 指代坏请求 404 (not found)- 资源不存在 409 (conflict)- 通用冲突 500 (internal server error)- 通用错误响应 503 (Service...而github的API则支持使用PATCH方法来进行issue的更新,例如: PATCH /repos/:owner/:repo/issues/:number 不过,需要注意的是,像PATCH这种不是
API 分类 3.1 REST API(restful) RESTful 接口设计规范 发送请求进行 CRUD 哪个操作由请求方式来决定 同一个请求路径可以进行多个操作 请求方式会用到 GET / POST.../ PUT / DELETE 等 3.2 非 REST API(restless) 请求方式不决定请求的 CRUD 操作(甚至可以用 GET 请求进行删除操作) 一个请求路径只对应一个操作 请求方式一般只有...,所以最后是数组的形式;params 参数则是特定查找的形式,所以最后是对象的形式 使用 axios 请求 REST 接口 上面开启的服务器不要关 <!...ajax 引擎帮忙发送) 浏览器端发送请求,只有 XHR 或 fetch 发出的才是 ajax 请求,其他的都不是 ajax 请求 浏览器端接收到响应(一般请求浏览器会自动更新页面,而 ajax...常用 API XMLHttpRequest():创建 XHR 对象的构造函数 status:响应状态码,如 200、404 等 statusText:响应状态文本 readyState:标识请求状态的只读属性
Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习 包括Ajax学习与理解和简化版自己实现jQuery等 这篇文章只算是我的个人学习笔记,内容没有精心排版...,一些错误请见谅....404,而且有设置的返回体 ?...4真正的jQuery.ajax()API如何使用 jQuery.ajax()API 例子 $.ajax({ type: "GET", url: "/test", dataType: "script...5函数传不同的参数 例如文档里的 jQuery.ajax( url [, settings ] ) jQuery.ajax( [settings ] ) jQuery.ajax第一个参数既可以是url
http://www.tangshuang.net/2271.html 在上一篇《服务端php解决jquery ajax跨域请求restful api问题及实践》中,我简单介绍了如何通过服务端解决jquery...ajax的跨域请求问题,但是,在这个过程中,我们会发现,在很多post,put,delete等请求之前,会有一次options请求。...在ajax中出现options请求,也是一种提前探测的情况,ajax跨域请求时,如果请求的是json,就属于复杂请求,因此需要提前发出一次options请求,用以检查请求是否是可靠安全的,如果options...获得的回应是拒绝性质的,比如404\403\500等http状态,就会停止post、put等请求的发出。...虽然在下面的参考文献中有人提出可以取消options请求,但是实测后发现是不行的,jquery封装之后,更不能轻易取消。
然而,如今很多人参考API文档时,他们常常参考一种可能会通过网络分享你的应用数据HTTP API,例如,Twitter提供一个API能让用户在特定的格式下请求推文,以便用户方便导入到自己的应用程序中。...这就是HTTP API的真正强大之处。它能够从多个应用程序中混搭数据到混合应用程序中,或是创建一个能增强使用他人应用体验的应用程序。...–请求出错(语法格式有误或服务器无法理解此请求) 401 – 未授权(需要登录) 404 – 找不到 (找不到所请求的文件或脚本) 405 – 不允许此方法(错误的 HTTP方法) 409 – 冲突...(IE尝试以PUT请求创建相同的资源时) API响应格式 当你请求HTTP时,你可以请求你想要接收的格式。...创建一个REST API 事实上,创建一个REST API是超出此教程范围的,因为它是有特定语言的。
也就是说,让回调函数内this指向这个对象(如果不设定这个参数,那么this就指向调用本次AJAX请求时传递的options参数)。...提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。...这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...例如,如果响应状态是404,将触发以下警报: $.ajax({ statusCode: {404: function() { alert('page not found'); } });
、多选框中被选中的状态 springmvc两篇好文 占位符参数也会尝试去绑定函数中同名参数或者对象中同名属性 ajax可以直接发送put和delete请求 ajax发送put请求引发的血案 问题: 使用...ajax直接发送put请求,封装的数据值为null 原因,这里也揭示了参数绑定的原理 血案: 注意如果不是直接使用ajax发送put请求,而是下面这种: 直接通过ajax发送put请求的解决方案: 删除员工...--支持REST风格的filter,将put或者delete请求转换为put请求--> HiddenHttpMethodFilter</filter-name...({ //这里把员工id传递到更新按钮上,这样这里的id参数就可以直接从按钮上获得 url:"${ctx}/updateEmp/"+$(this).attr...请求保存更新的员工数据 $.ajax({ //这里把员工id传递到更新按钮上,这样这里的id参数就可以直接从按钮上获得 url:"$
: 15}); 定义common.js 用来放置所有公共方法,同样也是每个页面都引用,正如上面定义好的一些常量一样,一个项目的开始,还需要一些方法上的准备工作,如: 1.所有js方法li.init()主入口...2.ajax的li.GET()、li.POST()方法,如果你觉得ajax的封装可能不能满足的特定需求,比如通用的加载中、比如通用的异常、通用的请求超时时间和回调、通用的请求完成回调、是否需要验证token...= null) return decodeURI(_regNext[2]) || ''; else return '';}, 10.ajax 全局错误监听 通常情况下,后台会在web.xml会配置一个...error-page指向一个错误页面,但是那样都是跳转页面404错误还好,其他错误也跳页面其实并不友好,而其他的错误通常是请求中错误,我们只要设置一个ajax全局监听即可,下面是代码片段,当然还可以做很多你暂时没有想到的事情...$(document).on('ajaxError', function(e, xhr, options){ if (404 == xhr.status) { common.404
阅读目录 我理解中好的异常处理 自定义异常处理 问题拓展 总结 回到顶部 我理解中好的异常处理 好的异常信息处理应该具有以下几个优点 显示效果佳,而不是原生黄页 能够从异常中直接分析出异常源 能够记录传递异常信息给开发人员...这里主要针对api接口,因为请求页面后台可以直接转向500错误页面,而api接口一般是通过ajax或者客户端httpclient请求的,如果错误了跳转到500页面,这样对客户端来说就不友好了。...基于这点所以api请求异常返回了异常的详细json对象,让客户端自己进行异常处理。我这里给出ajax处理异常的方式。 ...在jquery中全局ajax请求可以设置相应默认参数,比如下面代码设置了全局ajax请求为异步请求,不缓存 //ajax请求全局设置 $.ajaxSetup({ //异步请求 async...,重新发请求到异常显示界面渲染成html后显示。
一、 什么是RESTful REST与技术无关,代表的是一种软件架构风格,REST是Representational State Transfer的简称,中文翻译为“表征状态转移” REST从资源的角度类审视整个网络...当前的发展趋势,就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备......)。 因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信。...400 INVALID REQUEST - [POST/PUT/PATCH]:用户发出的请求有错误,服务器没有进行新建或修改数据的操作,该操作是幂等的。...404 NOT FOUND - [*]:用户发出的请求针对的是不存在的记录,服务器没有进行操作,该操作是幂等的。...410 Gone -[GET]:用户请求的资源被永久删除,且不会再得到的。 422 Unprocesable entity - [POST/PUT/PATCH] 当创建一个对象时,发生一个验证错误。
在我的职业生涯中,我使用了数百个 REST API 并制作了数十个。由于我经常在 API 设计中看到相同的错误,因此我认为写下一组最佳实践可能会更好。...一个常见的错误似乎是试图将关系模型构建到 URL 结构中。...规则 #8:不要使用 404 来表示“未找到” HTTP 规范规定,应使用 404 来表示未找到资源。按照字面解释,如果向不存在的 ID 提出 GET/PUT/DELETE 等请求,则应返回 404。...如果将 404 作为成功处理,而堆栈中的失败返回 404,作业就会从队列中删除,删除也不会传播。我在现实生活中就遇到过这种情况。...但 GET、PUT、PATCH 和其他方法也存在类似的问题。 你可以使用 404,但返回一个自定义的错误正文,并要求客户端检查错误正文是否正确。这会给懒惰的客户端程序员带来麻烦。
同样也是基于[Promise]对象的。特性:从浏览器中创建 XMLHttpRequests、从 node.js 创建 http 请求、支持 Promise API、拦截请求和响应等。...这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 AJAX 工作原理 01 Ajax [XMLHttpRequest]让发送一个HTTP请求变得非常容易。...从 node.js 创建 http 请求。 支持 Promise API。...请注意,fetch规范与jQuery.ajax()主要有两种方式的不同,牢记: ★ 当接收到一个代表错误的 HTTP 状态码时,从 fetch()返回的 Promise 不会被标记为 reject, 即使该...HTTP 响应的状态码是 404 或 500。
实际上在工作中对api接口规范、命名规则、返回值、授权验证等进行一定的约束,一般的项目api只要易测试、足够安全、风格一致可读性强、没有歧义调用方便我觉得已经足够了,接口是给开发人员看的,也不是给普通用户去调用...URL API请求授权 1.REST的来源 REST:Representational State Transfer(表象层状态转变),如果没听说过REST,你一定以为是rest这个单词,刚开始我也是这样认为的...实现者应使用相应的Http动词GET、POST、PUT、PATCH、DELETE、HEAD来操作这些资源即可 不规范的的url,冗余没有意义,形式不固定,不同的开发者还需要了解文档才能调用 https...POST 新增一条数据 201创建成功、422新增数据验证错误、(401、403、404、406、500) DELETE 删除一条数据 204删除成功、(401、403、404、406、500) PATCH...更新实体部分信息 201更新成功、422验证数据错误(401、403、404、406、500) PUT 更新实体所有信息除ID外 201更新成功、422(401、403、404、406、500) 6
Ajax同时也是目前众多的Mashup背后的驱动力量,他们都利用Ajax来聚合不同来源的信息。 理解同源策略的限制 同源策略是指阻止代码获得或者更改从另一个域名下获得的文件或者信息。...这种方法依赖于必须接受一个回调函数的名字作为参数。 然后执行这个函数,处理JSON数据,并显示在客户页面上。 JQuery的JSONP支持 从JQery 1.2以后,就开始支持JSONP的调用。...同时jquery还对非跨域的请求进行了优化,如果这个请求是在同一个域名下 那么他就会像正常的Ajax请求一样工作。...在页面文件中,我们使用JQuery的支持: //JQuery JSONP Support var url = "http://www.mydomain.com/api...你无法获得一个404的错误,也不能取消这个请求 另外一个重要的缺点是如果使用了不信任的服务会造成很大的安全隐患。
如果每个过程都单独处理异常,那么系统的代码冗余度会很高,工作量大且不好统一,维护的工作量也很大。 那么,能不能将所有类型的异常处理从各处理过程提取出来呢?...在实现自定义异常解析器之前要明确一点认识: 我们不能把404、500这样的错误异常信息展示给用户,也就一旦展示给用户会产生很不友好的印象。...数据成功写入Response对象的body数据区后,Response对象中的状态信息就是success了,就会激活ajax的回调函数,jquery就会从Response对象的body数据区中把json字符串拿出来转换成合适的对象参数传给回调函数...Controller的数据格式是什么样的 //dataType:"", // 从Controller返回给页面的数据格式是什么样的,一般可以不写,它可以自动jquery可以自动匹配...通过HTTP动词(GET、POST、PUT、DELETE等)实现。即通过CRUD的动作对数据产生的变化。比如:苹果从青到红到烂,就是苹果的状态变化,是细菌和氧气对苹果的产生的动作作用的结果。
而jQuery3修复了大量的bug,增加了新的方法,同时移除了一些接口,并修改了少量接口的行为,不1和2是不同的API。 更轻更快:2.0版本文件与1.9.1相比小了12%。...可以构建一个更小、更轻量的版本、表现更好。 jQuery 2.0 API完全兼容jQuery 1.9 API。...$.get("test.php", { name: "John", time: "2pm" } ); //从 Flickr JSONP API 载入 4 张最新的关于猫的图片。...Ajax请求是限时的,所以错误警告被捕获并处理后,可以用来提升用户体验。...例如,如果响应状态是404,将触发以下警报: $.ajax({ statusCode: {404: function() { alert('page not found'); } });
领取专属 10元无门槛券
手把手带您无忧上云