AJAX工作原理及其优缺点

AJAX全称为“AsynchronousJavaScriptandXML”,是一种创建交互式网页应用的网页开发技术。与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的WebService接口,并在客户端采用JavaScript处理来自服务器的响应。Ajax其核心有JavaScript、XMLHTTPRequest、DOM对象组成,通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。

【Chart.js】通过Ajax请求JSON数据来绘制图表

背景在使用Chart.js绘制图表时,我们通常会有这样的需求:从后台方法动态获取图表的数据,而非Demo中使用的静态数据。本文将分享如何使用Ajax动态请求JSON数据并且完成图表的绘制。

ajax注意问题

1.异步请求后后台跳转页面是失效的.需要前台success回调函数中用js代码进行跳转

$.ajax()——超时设置,增加 loading 提升体验

前端发送Ajax请求到服务器,服务器返回数据这一过程,因原因不同耗时长短也有差别,且这段时间内页面显示空白。如何优化这段时间内的交互体验,以及长时间内服务器仍未返回数据这一问题,是我们开发中不容忽视的重点。常见的做法是:1、设置超时时间,一旦时间超过设定值,便终止请求;2、页面内容加载之前,手动增加一个loading层。

借助ajaxPrefilter ajax预处理函数实现ajax拦截器

最近在用requireJS+jquery重构PC官网,原来的代码太冗余,很多方法和变量都重复定义,也没有全局配置的地方。习惯了模块化开发和全局配置的我简直不能忍。原来的代码每次发ajax请求都需要手动序列化JS对象,添加时间戳/token,觉得太麻烦。于是想实现一个ajax的拦截器,能够自动帮我们处理这些。网上找到了一个hookAjax的库,原理类似于修改原生xmlhttprequest对象。为了一个拦截器下载一个库觉得不太至于,翻了一遍jquery的API发现了ajaxPrefilter这个API大致满

Ajax提交底层原型XMLHttpRequest

基于此我们就不得不谈到js中的XMLHttpRequest对象.其中w3c中是这样解释的:XMLHttpRequest对象用于在后台与服务器交换数据。XMLHttpRequest对象是开发者的梦想,因为您能够:在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据所有现代的浏览器都支持XMLHttpRequest对象。

the server responded with a status of 404 (Not Found)

使用ajax跳转方法时,页面ctrl+shift+i调试报告了一个404错误,说找不到方法。目标方法是新增的,于是使用复制黏贴,确定各处方法名称一致之后,重启server。调试时再次报错:jquery.min.jsFailedtoloadresource:theserverrespondedwithastatusof404send@jquery.min.js:4这次的错误在后台打印出了错误的原因:出错的xml语句为:一开始没反应过来错在哪里,就把语句扔到MysqL里面跑了一遍,其实是count和(*)之间

了解PrimeFaces process/update和JSF f:ajax execute/render属性

什么是过程和更新在PrimeFacesp:commandXxx组件和执行和渲染在f:ajax标签?相当于PrimeFaces特定进程的标准JSF是从执行的。此外,可能有用的是知道默认为@formwhile和默认为@this。JSF将跳过ajax响应中未被update属性覆盖的所有其他组件,从而保持响应有效载荷较小。这是PrimeFaces选择器存在的原因之一。再次,详细请参见HowdoPrimeFacesSelectorsasinupdate=”@”work?