什么是ajax? javascript
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML,现现在xml被json取代),是指一种建立交互式网页应用的网页开发技术php
Ajax 是一种用于建立快速动态网页的技术。经过在后台与服务器进行少许数据交换,Ajax 可使网页实现异步更新。这意味着能够在不从新加载整个网页的状况下,对网页的某部分进行更新。html
ajax的优缺点:html5
优势:使用Ajax的最大优势,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动做,并避免了在网络上发送那些没有改变的信息。java
Ajax不须要任何浏览器插件,但须要用户容许javascript在浏览器上执行。Ajax应用程序必须在众多不一样的浏览器和平台上通过严格的测试。web
缺点:它可能破坏浏览器的后退与加入收藏书签功能。在动态更新页面的状况下,用户没法回到前一个页面状态,这是由于浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差异很是微妙;ajax
用户一般都但愿单击后退按钮,就可以取消他们的前一次操做,可是在Ajax应用程序中,却没法这样作。不过目前已有相关技术能够解决该弊端。方法有两个:(1)html5以前的方法大可能是在用户单击后退按钮访问历史记录时,经过建立或json
使用一个隐藏的IFRAME来重现页面上的变动。(2)html5之后能够直接操做浏览历史,并以字符串形式存储网页状态,将网页加入网页收藏夹或书签时状态会被隐形地保留。浏览器
ajax工做原理:服务器
ajax应用场景:
前台获取数据
表单的失焦验证
php简单介绍:
PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预编译语言”)是一种通用开元脚本语言。语法吸取了C语言、Java和perl的特色,利于学习,使用普遍,主要适用于web开发领域。PHP还能够执行编译后代码,
编译能够达到加密和优化代码运行,使代码运行更快。
PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码
PHP 代码在服务器上执行,结果以纯 HTML 形式返回给浏览器
PHP 文件的默认文件扩展名是 ".php"
php基础语法:
PHP 脚本以 <?php 开始,以 ?> 结束:
PHP 中的每一个代码行都必须以分号结束。分号是一种分隔符,用于把指令集区分开来。
经过 PHP,有两种在浏览器输出文本的基础指令:echo 和 print。
PHP 变量规则:
变量以 $ 符号开始,后面跟着变量的名称
变量名必须以字母或者下划线字符开始
变量名只能包含字母数字字符以及下划线(A-z、0-9 和 _ )
变量名不能包含空格
变量名是区分大小写的($y 和 $Y 是两个不一样的变量)
PHP 会根据变量的值,自动把变量转换为正确的数据类型。
字符串之间使用 " . " 链接
get和post的区别:
get参数是在地址栏中,大小2000个字符左右
post参数是在请求体中,网速良好,理论上是无限大的
在服务器(xxamp)中运行php文件的方法:
localhost:+端口号
127.0.0.1+端口号
ip+端口号
ajax实例:
1 // 1.建立ajax对象-xmlhttprequest对象 2 // XMLHttpRequest 对象 3 4 // variable=new XMLHttpRequest(); 新版本的浏览器 5 // variable=new ActiveXObject("Microsoft.XMLHTTP"); //老版本的IE ,IE5,IE6 6 var xhr; 7 if(window.XMLHttpRequest){ //常规,若是有,直接使用 8 xhr = new XMLHttpRequest(); 9 }else{ //若是没有,老版本IE 10 xhr = new ActiveXObject("Microsoft.XMLHTTP"); 11 } 12 console.log(xhr) 13 console.log("状态码:" + xhr.readyState); 14 console.log('响应码:' + xhr.status); 15 console.log('响应文本:' + xhr.responseText); 16 console.log('步骤一完成') 17 18 19 // 2.经过监听ajax的状态的改变来监听 20 xhr.onreadystatechange = function(){ 21 console.log('xhr的状态码发生了改变'); 22 console.log("状态码:" + xhr.readyState); 23 console.log('响应码:' + xhr.status); 24 console.log('响应文本:' + xhr.responseText); 25 console.log('\n'); 26 } 27 console.log('步骤二完成') 28 29 // 3.建立请求的消息,链接服务器 状态码0=>1 30 xhr.open('GET','07.php',true); //最后一个参数是bool,表示同步||异步,true异步 31 console.log('步骤三完成') 32 33 // 4.发送 34 xhr.send(null); //若是是post请求,就放post参数,若是是get请求,发送null就好了
状态码:readystate
0: 请求未初始化
1: 服务器链接已创建
2: 请求已接收
3: 请求处理
4: 请求已完成,且响应已就绪
http状态响应码:
1xx 信息类
100 (继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其他部分
2xx 成功
200 (成功) 服务器已成功处理了请求。一般,这表示服务器提供了请求的网页。
3xx 重定向
304 (未修改)自从上次请求后,请求的网页未修改过。服务器返回此响应时,不会返回网页内容。
4xx 客户端错误
404 (未找到)服务器找不到请求的网页。
5xx 服务端错误
503 (服务不可用)服务器目前没法使用(因为超载或停机维护)。一般,这只是暂时状态。