这门课解决什么问题

很多前端初学者写完静态页面后，会卡在一个尴尬节点：页面能看，但没法存数据、没法注册登录、没法动态拉取内容。这门课就是来补这块拼图的。它聚焦在浏览器和服务器之间的数据交换，用本地服务器环境把写好的网页跑起来，再用基础的后端脚本处理请求，最后通过 Ajax 实现前后端数据传递。如果你之前只写过 HTML 和 CSS，对接口、请求、响应这些概念模糊，这门课能帮你把孤立的前端页面接入真实的网络请求闭环。

适合什么基础与资料怎么用

这套资料适合已经掌握基础 HTML、CSS 和简单 JavaScript 语法的学习者。如果你连函数和事件绑定都生疏，建议先补这些再看；如果你能独立写出静态页面但没碰过后端，那节奏正好。资料里前半段是本地环境搭建和网络概念铺垫，后半段是后端脚本语法和请求参数处理。建议先跟着把本地服务器环境装好，搞懂虚拟主机配置和访问权限，不然后面的请求测试全卡在环境报错上。学的时候别光看视频，每讲完一个请求方式，立刻在本地起两个页面互发数据，看请求头和响应内容怎么变化。

学完能独立做什么

学完这套内容，你能独立完成一个带数据交互的小型网站前端部分。具体说，你可以在本地配置好服务器，把静态页面放进去跑通访问路径；能写简单的后端接口接收 GET 和 POST 请求并返回数据；能从前端用 Ajax 发起请求，把后端返回的内容动态渲染到页面上。这意味着你接手一个需要表单提交、列表加载、局部刷新的功能时，知道数据从哪来、到哪去、中间怎么处理。对转行做前端的人来说，这块是面试必问的实操点，也是你从写死页面到写活页面的分水岭。


服务和Ajax课程是从服务器开始介绍，把我们搭建好的网页或者网站项目放到服务器中，通过客户端（浏览器）向服务器访问网页或者网站，此课程中包含的技术不仅有服务器、

课程目录

*   第一章 服务器和AJAX/

  *   服务端开发/

    *   Ajax-基础知识铺垫-服务器环境wamp安装

    *   Ajax-基础知识铺垫-配置访问权限与网站根路径

    *   Ajax-基础知识铺垫-虚拟主机配置

    *   Ajax-基础知识铺垫-初识ajax

    *   Ajax-基础知识铺垫-网络相关概念

    *   Ajax-基础知识铺垫-通信协议理解

    *   Ajax-基础知识铺垫-静态网站

    *   Ajax-基础知识铺垫-动态网站

    *   Ajax-基础知识铺垫-客户端与服务器

  *   php基础语法/

    *   Ajax-php基础语法-7-get请求参数获取

    *   Ajax-php基础语法-8-post请求参数获取

    *   Ajax-php基础语法-9-案例

    *   Ajax-php基础语法-1-初识php

    *   Ajax-php基础语法-2-变量声明与字符串拼接

    *   Ajax-php基础语法-3-初识数组

    *   Ajax-php基础语法-4-二维数组

    *   Ajax-php基础语法-5-数据类型与数组遍历

    *   Ajax-php基础语法-6-函数

    *   Ajax-php基础语法-10-后台接口

    *   Ajax-php基础语法-11-请求流程分析

    *   Ajax-php基础语法-12-前端与后端分工

  *   原生Ajax详解及封装/

    *   Ajax-jQuery框架-Ajax相关API基本使用-1

    *   Ajax-jQuery框架-Ajax相关API基本使用-2

    *   Ajax-jQuery框架-模仿jQuery封装ajax-1

    *   Ajax-jQuery框架-模仿jQuery封装ajax-2

    *   Ajax-jQuery框架-模仿jQuery封装ajax-3

    *   Ajax-隐藏帧iframe方式实现页面局部更新

    *   Ajax-原生Ajax实现页面局部更新

    *   Ajax-原生Ajax详解-xhr对象创建

    *   Ajax-原生Ajax详解-请求参数分析

    *   Ajax-原生Ajax详解-响应状态分析

    *   Ajax-原生Ajax详解-xml数据格式

    *   Ajax-原生Ajax详解-xml数据解析

    *   Ajax-原生Ajax详解-php开发xml形式数据接口

    *   Ajax-原生Ajax详解-json数据格式

    *   Ajax-原生Ajax详解-json数据解析

    *   Ajax-原生Ajax详解-php开发json形式数据接口

    *   Ajax-原生Ajax详解-初步理解异步效果

    *   Ajax-原生Ajax详解-同步与异步理解

    *   Ajax-原生Ajax详解-同步与异步底层原理分析

    *   Ajax-原生Ajax详解-Ajax初步封装-1

    *   Ajax-原生Ajax详解-Ajax初步封装-2

    *   Ajax-原生Ajax详解-封装应用案例

  *   跨域和jsonp/

    *   Ajax-跨域-初识跨域

    *   Ajax-跨域-jsonp原理分析-1

    *   Ajax-跨域-jsonp原理分析-2

    *   Ajax-跨域-jsonp原理分析-3

    *   Ajax-跨域-jsonp-jQuery基本使用

    *   Ajax-跨域-jsonp-模仿jQuery封装-1

    *   Ajax-跨域-jsonp-模仿jQuery封装-2

    *   Ajax-跨域-jsonp-模仿jQuery封装-整合json与jsonp

    *   Ajax-跨域-jsonp-案例-搜索智能提示

    *   Ajax-跨域-jsonp-案例-快递查询-1

    *   Ajax-跨域-jsonp-案例-快递查询-2

    *   Ajax-跨域-jsonp-案例-天气查询-1

    *   Ajax-跨域-jsonp-案例-天气查询-2

  *   模板引擎和综合案例/

    *   Ajax-综合案例-省市县三级联动-1

    *   Ajax-综合案例-省市县三级联动-2

    *   Ajax-综合案例-多次请求查询天气-1

    *   Ajax-综合案例-多次请求查询天气-2

    *   Ajax-模板引擎-初识模板引擎

    *   Ajax-模板引擎-初识artTemplate

    *   Ajax-模板引擎-artTemplate基本使用

    *   Ajax-模板引擎-artTemplate案例