html5 数据交互纯ajax,html5之ajax学习（一）

一、基础知识点了解

1.内存：程序运行首先在磁盘－>内存－>CPU(写内容反过来);

2.协议：计算机之间的特定的默认规则关系(程序员与程序员、程序员和计算机、计算机和计算机等)(协议是双方事先约定好的规则);

3.网络:多方之间进行的通信；IP地址：计算机的标示符、端口：计算机的应用程序、域名：IP地址的别名(多对一、一对一)DNS:域名解析；

4.环境配置:安装wamp(苹果电脑是mama m:mac 操作系统 apache：提供网页的服务的应用程序 m:mysql p:php)来演示静态页面访问效果；

5.静态网站和动态网站:.html静态网站:可维护性很差；动态网站php jsp .net python 动态的生成html页面；

例如：动态的网站

$apple = '11';

//根据取到的参数，动态的加载数据

$flag= $_GET['param'];

if($flag == 1){

echo'

'.$apple.'

';

}else{

echo'

jiayou

';

}

?>

知识点补充：

B/S browser浏览器 server服务器

C/S client客户端 server服务器

二、同步和异步---异步效果iframe.web_recv

实例登录页面讲解：

前端代码

用户名:

密码:

后端代码

$flag = 1;

$username = $_POST['username'];

$password = $_POST['password'];

//访问服务器，返回用户名和密码数据

if($flag == 1){

echo'用户名'.$username.'密码'.$password;

}else{

echo 0;

}

?>

三、原生ajax的通讯设置

Ajax的运行环境：服务器

//1.手机

var ajax = new XMLHttpRequest();

//2.拨号

ajax.open("get","test.txt",true);

//3.发送

ajax.send(null);

//4.检测状态－回调函数

ajax.onreadystatechange = function(){

//发送状态4为成功

if(ajax.readyState == 4){

//返回数据成功

if(ajax.status >=200&&ajax.status<=207||ajax.status==304){

//返回的具体的内容

alert(ajax.responseText);

}

}

}

3.1 ajax.readyState状态值

0 － (未初始化)还没有调用send()方法

1 － (载入)已调用send()方法，正在发送请求

2 － (载入完成)send()方法执行完成，已经接收到全部响应内容

3 － (交互)正在解析响应内容

4 － (完成)响应内容解析完成，可以在客户端调用了

3.2ajax.status

持续更新中......