3 AJAX（前后端交互+API文档）

API文档：请求方式/请求路径/请求参数/返回格式
AJAX请求参数（key：value）
AJAX返回数据：（1）XML（2）JSON
AJAX拼接客户端标签

AJAX请求参数（key：value）

key：input的name属性的值
value：input输入框的值

AJAX返回数据：（1）XML（2）JSON

（1）XML

服务端
1.外部：书写一个xml文件
2.写入一行转化为中文的复制粘贴代码
3.引入xml文件代码   file_get_contents(filename: "a")
4.将xml文件返回（echo）给客户端
客户端
1.服务端返回的实时数据===xmlhttp.responseXML===document
2.因为XML返回document，所以用DOM和innerText获取XML里面的数据，赋值给HTML页面

（2）JSON

/	标准格式	非标准格式
JSON	“{“key” ：“value”}”	“{key ：“value”}”
对象	{key ：“value”}	{key ：“value”}
办法	下方obj	下方obj1

服务端
1.创建txt文件   "{"key" ："value","key1" ："value1"}"
2.引入txt文件
客户端
1.Json转化为js对象
var str = xmlhttp.responseXML;   //服务器返回的是json格式
var obj = JSON.parse(str);  //标准json格式转化为js对象，有兼容问题：百度转化
var obj1 = eval("(" + str + ")");  //非标准和标准，json格式转化为js对象,需要拼接一个圆括号，弹幕说这种方式很魔鬼

//JSON转化为对象的用的时候百度就可以了

AJAX拼接客户端标签

1.用DOM方式获取需要变更数据的html标签
2.用innerText，将服务器返回结果赋值给HTML页面