P2-21js-ajax

AJAX铺垫

协议名，主机名，端口号

• http://www.baidu.com:80
  协议名://主机名（域名或IP地址):端口号

当在浏览器上输入完地址后到看到页面这中间网络上都发生了些什么

• DNS解析(将域名转换为IP地址的过程)
• 向服务器发送一次HTTP请求（要一个东西）
• 服务器会在它的磁盘上找个一个对应的文件给到客户端,如果没有,则返回首页给客户机（一般来说是.html,.jpg.png.css.js等等）
• 浏览器将根据已接收的文件将代码或图片解析成可见的页面。

HTTP协议

• 无状态(第一次请求和下一次请求之间是没有任何关系的)。
• 服务器端不允许主动向客户端进行推送。
• 常常用在Web数据传输。
  **ps：新版的http协议1.是有关系的2.允许—目前还未开始大规模使用

phpnow开发集成套件

• 包括PHP MYSQL Apache（WebService类软件）

抓包工具

• header 请求头—2.3开头是成功—4.5开头是失败
  • 1**信息，服务器收到请求，需要请求者继续执行操作
  • 2**成功，操作被成功接收并处理
  • 3**重定向，需要进一步的操作以完成请求
  • 4**客户端错误，请求包含语法错误或无法完成请求
  • 5**服务器错误，服务器在处理请求的过程中发生了错误
• Response 响应
  • 服务器段响应，返回的内容

ajax(http脚本化)

ajax:四步走(使用javascript来操作http请求)

	// 1.实例化一个XMLHttpReuqest()对象
	let http = new XMLHttpRequest()
	// 2.规划请求open
	http.open("get","http://xxx.xxx.xxx.xxx/xxxx.xxx",true);
	//http.open("get","http://10.35.161.142/文件夹名"，true/false)
	// 3.发送请求send
	http.send()
	// 4.接收服务器端的相应应答
	http.onreadystatechange = function(){
		if(http.readyState === 4){
			http.responseText
		}
	}

2.规划一个http请求

http.open(method,url,async)

• method：“get” “post”
• url:在请求时发送请求参数
  • http://10.35.161.142/xxxx.php(后端文件名)?参数名=参数值&参数名=参数值&参数名=参数值…
  • http.open(“get”,“http://10.35.161.142/message.php?name=wangdawei&age=18&sex=1”);
• async:(false同步) (tyue异步)默认异步
  • 异步:可以同时干两件或以上的事情
  • 同步:只能干一件事,卡死在收到命令时,执行完此步才能执行其他

返回结果：一般得到的是静态数据,想得到后端动态返回的数据，在发送请求时发送请求参数

• http.open(“get”,“http://10.35.161.142/data.php?sex=0&age=” + o.value,true);
• http.open(“get”, “http://10.35.161.142/name.php?name=” + this.value);
• http.open(“get”, “http://10.35.161.167/w-2-2/21/name.php?name=” + this.value);
• 请求参数中的文件(php语法-了解)
  • 1.data.php

    <?php	
    if($_GET["sex"] === "1"){
    	$sex="男";	
    }	
    if($_GET["sex"] === "0"){
    	$sex="女";	
    }	
    $age=$_GET["age"];
      echo "姓名：郝刚,性别：".$sex.",年龄：".$age;
    ?>
    

  • 2.name.php可在day21中得到