Ajax

Ajax第一天1.C/S&bB/S结构（了解）1.1 C/S定义：C(client客户端) S(server服务器) 客户端/服务器结构特点：1.如果不安装对应的客户端，不能享受到对应的服务2.如果服务升级，不更新客户端,一般无法享受服务3.客户端效果比较酷炫4.客户端承担了一部分计算量1.2 B/S定义：B（browser浏览器）S（server服务器）浏览器/服务器结构特点：1.如果不安装对应的客户端，照样能享受到对应的服务2.如果服务升级，不更新客户端，也能享受到服务3.浏览器的效果比较简陋4.BS结构比较方便5.浏览器值负责界面的显示和用户的交互2.服务器的基础知识（了解）定义：就是一台超级牛逼的计算器原定义：提供某种服务的机器（计算机）2.1服务器的类型1.按服务类型可分为：文件服务器，数据库服务器，邮件服务器，web服务器等2.按操作系统可分为：Linux服务器、Windows服务器等；3.按应用软件可分为Apache服务器、Nginx 服务器、IIS服务器、Tomcat服务器、Node服务器等。

2.2服务器软件常见的服务器软件有：1.文件服务器：Server-U、FileZilla、VsFTP等；作用：存储文件2.数据库服务器：Oracle、MySQL、PostgreSQL、MSSQL等；作用：存储数据3.邮件服务器：Postfix、Sendmail等；作用：发邮件4.HTTP 服务器：Apache、Nginx、IIS、Tomcat、NodeJS等；作用：web服务器，为用户提供网页浏览服务5.文件服务器：Server-U、FileZilla(上传文件到服务器)、VsFTP等；6.数据库服务器：Oracle(世界上最大的商用数据库(银行也用)))、MySQL(最流行的免费的开源数据库)、PostgreSQL(世界最符合数据库语言的数据库(教学用的))、MSSQL(微软的数据库收费的)等；2.3应用软件定义：为客户端提供某种服务的软件1.Apache：就是运行php写的后台程序的软件2.Tomcat：运行的是java写的后台程序的软件3.IIS：运行的是C#写的后台程序的软件4.Nginx：反向代理服务器负载均衡5.Node：js写的服务器程序能写前端，后端能做客服端2.4什么客户端开发，后台开发客户端开发：1.客户端开发:android开发(java) ios开发(object-c swift) PC客户端开发(c++)2.前端开发(html css js): 特殊的客户端开发以浏览器为宿主环境，结合HTML、CSS、Javascript等技术，而进行的一系列开发，通常称之为前端开发后台开发：就是使用后台语言(java php c# python ruby perl)编写只能在服务器上运行的程序的工作3.网络基础（知道）3.1什么是静态网页，动态网页静态网页: 只使用html css js开发的网页如果需要更新数据必须修改代码动态网页: 使用后台语言开发包括后台管理系统来控制用户访问的页面(模拟一下)3.2 域名，IP，dns，端口3.1 域名因为IP地址不好记因此出现了代表IP地址的一个特殊的字符串www.域名正文.cn(中国域名) .org(组织机构) .edu(学校) .gov(政府)3.2 IP 192.168.23.142 写法:ping 域名计算机在网络中的唯一地址如何查看自己的ip地址ipconfigmac或linux ifconfig3.3 DNS 域名解析服务器存着域名=ip的对应信息3.4 端口分别不同的服务存在的端口范围:0-65536常用的端口:80 网页的端口数据库的端口33064.php基础4.1 如何书写php代码<?phpecho ‘hello world’;?>Php输出代码的格式4.2如何声明变量<?php//字符串$name = ‘呵呵’;echo $name;//数值$age = ‘18’;echo $age;//布尔值$married = false;echo $married;?>4.3 连接符<?php$name = ‘杨幂’;$age = ‘18’;echo $name.’今年’.$age.’岁’; ?>4.4 数组//遍历数组$arr = array(1,2,3,’a’,’b’,’c’);for($i=0;$i<count($arr);$i++){echo $arr[$i];}//双重数组$arr2=array(array(1,2,3),array('a','b','c'));for($i=0;$i<count($arr2);$i++){// echo $arr2[$i];for($j=0;$j<count($arr2[$i]);$j++){echo $arr2[$i][$j];}}关联数组$arrlink=array('tongliya'=>'12434532','age'=> 13);关联数组的遍历方法方法foreach (数组的名称as )foreach($arrlink as $key=>$val){echo $key.'======'.$val.'<br>';}4.5对象<?php// php中的对象// js var odj={name:'tom'}// php中的对象声明有三个步骤// 画图纸class Car{public $color;//颜色public $brand;//牌子}// 制造实例化$car=new Car();// 喷漆挂牌子echo $car->color='red'.'<br>'; echo $car->brand="aodi";var_dump($car);?>Ajax第二天1.表单提交1.1 get提交（默认）1. 设置提交地址a ction=”路径”列子：<form action=”input.php”></form>2.设置提交方式(get是默认方式)method=”get”列子：<form action=”input.php” method=”get”></form> 3.input的name属性列子：<input type=”text” name=”usrename”>4.用get提交方式，在后台要用$_GET数组接收列子：<?phpvar_dump($_GET);?>1.2post提交1. 设置提交地址a ction=”路径”列子：<form action=”input.php”></form>2.设置提交方式method:”post”列子：<form action=”input.php” method=”post”></form>3.input的name属性<input type="password" name="password">4.用post方式提交，在后台要用$_POST数组来接收<?phpvar_dump($_POST);?>1.3get提交和post提交的区别1. 提交方式不同get提交方式：var_dump($_GET);post提交方式：var_dump($_POST);2.get方式在地址栏能看到提交信息，post则看不到get方式：3. get方式提交的信息量是有限的，post方式提交的信息量是无限大的4.相对post来说get方式不太安全，post更安全点5. 提交的数据格式相同点：post方式和get方式提交的数据的格式：key=value&key2=value21.4 文件上传1. 设置提交地址<form action=”upload.php”></form>2. 设置提交方式<form method=”post/get”></form>3. 设置特殊属性enctype=”multipart/form-data”默认的格式，是一种特殊属性<form enctype=”multipart/form-data”></form>4. 上传文件，在后台要使用$_FILES二维数组来接收<?phpprint_r($_FILES);?>5. 文件上传上去，会存入服务器的临时文件夹总，默认马上会删除6. 使用：move_uploaded_file(临时文件夹路径，目标文件夹路径（自定义的上传的文件一般不要去自定义名称）)注意：目标路径<?phpprint_r($_FILES);move_uploaded_file(临时文件夹路径，目标文件夹路径);?>2.http协议2.1 如何获取http协议内容2.1.1 通过软件查看2.1.2 通过chromeDevtools2.2 同步和异步（什么时候使用同步（表单提交的时候）什么时候使用异步（独立是异步的前提,耗时是异步的理由））2.3 原生ajax编程内置对象实例化：var xhr = new XMLHttpRequest();设置请求行Xhr.open(‘获取方式’,‘后台路径’)xhr.open(‘post’,’http.php’);设置请求头只有post方式有，get方式没有，固定格式xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");设置请求正文xhr.send("username=www&password=123456");请求并响应xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){console.log(xhr.responseText);}}Ajax第三天1.XML(存储数据的文件)可扩展标记语言语法：1.<?xml version='1.0' encoding="UTF-8" ?>2.只能有一个根元素3.标签不能嵌套4.提倡使用双引号（单引号浏览器会更正）5.特殊符号请使用html实体符号2.JSON（存储数据的文件）定义：json就是复合js对象格式的字符串介绍：json一种轻量级的数据传输格式，独立于语言的（大多数语言中都认识和能解析json）格式：json：在json文件中格式对象格式：jsonObj=‘{“name”：“haha”}’；数组格式：jsonArr=‘[{“name”：“haha”}，{“age”：16}]’；列子：[{"name":"小明","age":16,"hobby":"pink"},{"name":"小红","age":17,"hobby":"blue"},{"name":"小白","age":19,"hobby":"deeppink"}]如何解析json：$json = file_get_contents('json-1.json');echo $json;1.json->对象JSON.parse();eval() 过时了很少用2.对象->jsonJSON.stringify()<?php$jsonStr='[{"name":"haha","age":16},{"name":"hehe","age":18}]';//把json字符串转换成php数组$phpobj = json_decode($jsonStr,true);var_dump($phpobj);//把php数组变成jsonStr$arr = array("name"=>"enen","age"=>"16");$arrStr = json_encode($arr);echo $arrStr;?>3.封装ajax第一种方法：Ajax第四天。