分类：ajax

2020
09-24

PHP下ajax跨域的解决方案之jsonp实例分析

本文实例讲述了PHP下ajax跨域的解决方案之jsonp。分享给大家供大家参考，具体如下：首先要说明一下json和jsonp的区别？json是一种基于文本的数据交换方式，或者叫做描述数据的一种格式。varperson={"name":"test","age":"25","sex":"男"};vardata=[1,2,3,4,5];而jsonp是一种非官方跨域数据交互协议，该协议允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住j... 继续阅读 >
2020
09-24

php+ajax实现文件切割上传功能示例

本文实例讲述了php+ajax实现文件切割上传功能。分享给大家供大家参考，具体如下：html5中的File对象继承Blob二进制对象，Blob提供了一个slice函数，可以用来切割文件数据。<!DOCTYPEHTML><htmllang="zh-CN"><head><metacharset="UTF-8"><title></title></head><body><formmethod="post"id="myForm"><inputtype="file"name="file"id="upfile"/><inputtype="submit"name="submit"value="提交"/></form... 继续阅读 >
2020
09-24

thinkphp5 + ajax 使用formdata提交数据（包括文件上传） 后台返回json完整实例

thinkphp5 + ajax 使用formdata提交数据（包括文件上传） 后台返回json完整实例 本文实例讲述了thinkphp5+ajax使用formdata提交数据（包括文件上传）后台返回json。分享给大家供大家参考，具体如下：知识点总结1.json格式标准{'key':"value"}{"state":"1","msg":"\u7b80\u5386\u6295\u9012\u6210\u529f\uff01"}前端jqueryajax提交formdata $.ajax({}) formdata获取表单数据包括文件上传 HTML<formclass="am-form"id="recruitinfo"><divclass="col-lg6col-md-6col-xs-12m1r... 继续阅读 >
2017
06-14

JavaScript异步进化史

前言JS中最基础的异步调用方式是callback，它将回调函数callback传给异步API，由浏览器或Node在异步完成后，通知JS引擎调用callback。对于简单的异步操作，用callback实现，是够用的。但随着负责交互页面和Node出现，callback方案的弊端开始浮现出来。Promise规范孕育而生，并被纳入ES6的规范中。后来ES7又在Promise的基础上将async函数纳入标准。此为JavaScript异步进化史。同步与异步... 继续阅读 >
2017
04-21

JQuery坑，说说哪些大家都踩过的坑

1乱用选择器坑人指数：200JQuery选择器调用代价很大，反复调用效率更低。应采用缓存对象的方法或采用链式调用的方式。//错误的写法$("#button").click(function(){$('#listli').addClass('strong');$('#listli').css('color','red');});//正确的写法$("#button").click(function(){$lis=$('#listli');$lis.addClass('strong');$lis.css('color','red');});//更好的写法$("#button").cl... 继续阅读 >
2017
02-13

PHP处理Ajax请求与Ajax跨域

PHP判断是否为Ajax请求我们知道，在发送ajax请求的时候，可以通过XMLHttpRequest这个对象，创建自定义的header头信息，在jquery框架中，对于通过它的$.ajax,$.get,或者$.post方法请求网页内容时，它会向服务器传递一个HTTP_X_REQUESTED_WITH的参数，php中就是在header一层判断是否是ajax请求，对应的根据$_SERVER['HTTP_X_REQUESTED_WITH']判断。一般情况下$_SERVER['HTTP_X_REQUESTED_WITH']默认是XMLHttpRequest，$_SE... 继续阅读 >
2016
10-27

Ajax语法浅析

Ajax语法浅析 Ajax是目前很普遍的一门技术，也是很值得探讨和研究的一门技术。本文将针对Ajax的发展过程并结合其在不同库框架中的使用方式来和大家分享下Ajax的那些新老语法。 Ajax简介Ajax全称为“AsynchronousJavascriptAndXML”，即“异步JavaScript和XML”的意思。通过Ajax我们可以向服务器发送请求，在不阻塞页面的情况下进行数据交互，也可以理解为异步数据传输。在Ajax的帮助下我们的网页只... 继续阅读 >
2015
04-18

php判断一个请求是ajax请求还是普通请求的方法

/path/to/pkphp.com/script.php?ajax 在php脚本中使用如下方法判断： 代码如下: if(isset($_GET['ajax'])){ ...这是一个ajax请求，然后... } else{ ...这不是一个ajax请求，然后... } 通过传递_GET参数的方法简单实现了网页请求的判断。但是如果需要这样的功能，这个方法可能就有弊端，功能需求如下： 1.通过ajax请求的网页与普通请求的网页内容是不相同的 2.通过ajax请... 继续阅读 >
2015
03-26

关于大型网站技术演进的思考（十三）：网站静态化处理——CSI

关于大型网站技术演进的思考（十三）：网站静态化处理——CSI 讲完了SSI，ESI，下面就要讲讲CSI了，CSI是浏览器端的动静整合方案，当我文章发表后有朋友就问我，CSI技术是不是就是通过ajax来加载数据啊，我当时的回答只是说你的理解有点片面，那么到底什么是CSI技术了？这个其实要和动静资源整合的角度来定义。CSI技术其实是在页面进行动静分离后，将页面加载分为两个步骤完成，第一步是加载静态资源，静态资源加载完毕后进行第二步骤加载动态资源。不过这个定义还是表述的不全面，不全... 继续阅读 >
2015
03-26

PHP中使用Session令牌防止Ajax表单重复提交

防止表单重复提交主要有两种方式：1）通过重定向（非Ajax表单提交）2）通过SessionToken（Session令牌）当客户端请求页面时，服务器会生成一个随机数，并且将该随机数放置到session当中，然后将该随机数发向客户端；如果客户第一次提交，那么会将该随机数发往服务器端，服务器会接收到该随机数并且与session中所保存的随机数进行比较，这时两者的值是相同的，服务器认为是第一次提交，并且将更新服务器端的这个随机数值；如... 继续阅读 >
2015
02-02

PHP通过气象局开放API查询指定城市（区县）天气

PHP通过气象局开放API查询指定城市（区县）天气 具体应用说不上，写这个功能纯粹为了好玩，可能在网站的小挂件里没准能用上这样的功能，或者一些生活类网站比较适用，在正式进入本话题之前，必须要通过PHP将JSON格式省市（区）二级数据插入数据库，才能进行接下来的天气查询操作，所谓巧妇难为无米之炊，斯理也。在完成省市信息入库之后，理一下实现思路：前台通过搜索框执行ajax请求，后台根据城市名称查询城市编码，然后通过城市编码组装成API接口获取该城市天气信息，返回到... 继续阅读 >
2015
01-27

AJAX 跨域请求的解决办法：使用 JSONP获取JSON数据

AJAX 跨域请求的解决办法：使用 JSONP获取JSON数据 由于受到浏览器的限制，ajax不允许跨域通信。如果尝试从不同的域请求数据，会出现安全错误。如果能控制数据驻留的远程服务器并且每个请求都前往同一域，就可以避免这些安全错误。但是，如果仅停留在自己的服务器上，Web应用程序还有什么用处呢？如果需要从多个第三方服务器收集数据时，又该怎么办？理解同源策略限制同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的URL的域必须与当前... 继续阅读 >
2014
11-11

jQuery中ajax post的使用

jQuery.post(url, [data], [callback], [type])概述通过远程HTTPPOST请求载入信息。这是一个简单的POST请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$.ajax。参数url,[data],[callback],[type]String,Map,Function,StringV1.0url:发送请求地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式，xml,html,script,json,text,... 继续阅读 >
2014
11-11

类似github,houzz使用ajax和HTML5无刷新改变页面URL

表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。与传统的AJAX的区别传统的ajax有如下的问题：1、可以无刷新改变页面... 继续阅读 >