ajax(2)

客户端向服务器端请求两个http服务：a 查询员工信息（通过员工编号）；b 新建员工信息；

整个实例包括三个部分：

（1）纯html页面，用来实现查询员工和新建员工的客户端界面；

（2）php页面，用来实现查询员工和新建员工的后台接口；（用于新建web服务，来接收查询员工和新建员工的web请求）

1. php简介：

php是用于创建动态交互性站点的服务器端脚本语言。

客户端脚本语言用于开发客户端页面的呈现和特效；

服务器端脚本语言用于开发服务器端资源的存、取功能。（也就是实现在后台存取资源的功能，一般用数据库存储内容，服务器端语言包括：java php .net等）

php能够做什么？

（1）能够生成动态页面内容

（2）能够创建、打开、读取、写入、删除以及关闭服务器上的文件

（3）能够接收表单数据并处理

（4）能发送并取回cookies

（5）能够添加、修改、删除数据库中的数据

（6）能够限制用户访问网站中的某些页面

（7）能够对数据进行加密和解密

等等等

php的特点：

（1）可运行于各种操作系统平台

（2）兼容几乎所有的web服务器(如：apache iis)

（3）支持几乎所有的数据库(如：mysql oracle sqlserver)

如何运行php：

需要web服务器来承载和运行php程序。

通过在本地搭建一个web服务器，就能测试php程序，通过测试，就能查看到我们编写的php代码的一个实际执行效果。

2. 直接到官网下载xammp 软件包，然后选择安装目录，然后本地安装。安装成功后，首先到xammp\apache\conf文件夹下找到httpd文件，打开该文件，然后将Listen 80修改为Listen 8080，然后启动Apache，那么本地测试环境也就搭建起来了。

需要重点关注的事情是：xammp/htdocs文件夹在本地虚拟了www空间，因此所有需要放到服务器端的文件都放到该文件夹下。

3.服务器端实现：编写php服务器端代码

4. 在没有客户端的情况下，就能对服务器端的php代码进行测试，测试工具fiddler。

第一步：设置fiddler过滤：选中Filters菜单下use Filters，然后设置host。第一项选中第一项；第二项选中 show only the following hosts; 然后在下面的文本框中输入：localhost:8080 ；然后点击左侧的actions，选中run Filterset now

第二步：点击菜单栏中的composer; 然后复制需要测试php页面地址，然后点击execute,然后双击右侧面板中相应的文件，即可查看测试结果。

5. 客户端实现

我们的目的是：通过点击客户端页面上的按钮来发送异步请求，从而调用服务器端的方法，然后通过监听服务器端响应，将服务方法返回的一些值显示在客户端页面上。这样的显示是局部刷新页面中的结果内容。

（1）首先编写一个纯html的查询、新建页面

（2）然后创建ajax请求（通过js编写ajax代码）

6.  json

（1）json概念：JavaScript对象表示法；是存储和交互文本信息的语法，它采用键值对的方式来编写，易于人们阅读和编写，同时易于机器解析和生成。json独立于语言，不管什么语言都能解析json。

json语法规则：整体用一个花括号包裹起来，里面的书写格式是 名称/值对。名称写在前面，要用双引号括起来，值对写在后面，名称和值中间用冒号分隔，名值对之间用逗号分隔。json的值可以是以下这些数据类型：

数字（整数、浮点数）

字符串（用引号括起来）

布尔值

数组（用中括号括起来）

对象（用大括号括起来）

null

（2）json解析：

json解析：目的是将json字符串解析为json对象，解析后就可以通过对象的访问方法来访问解析后的对象的属性和方法。

解析方法：使用JSON.parse()方法解析，参数为json字符串；

（3）json校验工具：在线的JSONLint.com

（4）使用json语法改造之前的代码

首先做一个标记约定，这样做的作用是简化我们的判断。

{
"success":true, //表示参数正确、并且执行成功。这是逻辑是否成功的一个标记。

"msg":"xxx" //请求返回的信息

}

7.使用jqurey中的ajax改造html页面。