第三天 CSDN （数组、Ajax技术、PHP）

第三天刚刚over，此时此刻，在宿舍，电脑前，咱来整理一下今天的收获成果！！！

服务器及其搭建

———————————————————————————————————————

【数组】

方案1 ：

var objArr = new Array();      创建空数组

var objArr = new Array(10);     含10个元素的数组

var objArr = new Array(“a”,”b”,”c”);     初始化

方案2：

var objArr = new Array[ ];     同方案1

var objArr = new Array[10];     包含一个数字10的元素，注意：和方案1不一样

var objArr = new Array[“a”,”b”,”c”];   同方案1

组合数组的创建

var objArr = [[new Date()],”abc”,1234];     该数组包含三种数据类型，分别是对象类型,字符串类型和数字类型

【二维数组 】

二维数组举例1：创建2*6的二维数组
var arr = new Array(4);
for(var i=0;i<4;i++)
arr[i]= new Array(6);

二维数组举例2：3*3
var arr = [[1,2,3],[4,5,6],[7,8,9]];

【JavaScript 事件】

事件名     说明

onClick     鼠标单击

onChange     文本内容或下拉菜单中的选项发生改变

onFocus      获得焦点，表示文本框等获得鼠标光标。

onBlur      失去焦点，表示文本框等失去鼠标光标。

onMouseOver  鼠标悬停，即鼠标停留在图片等的上方

onMouseOut  鼠标移出，即离开图片等所在的区域

onMouseMove 鼠标移动，表示在<DIV>层等上方移动

onLoad      网页文档加载事件

onSubmit      表单提交事件

onMouseDown  鼠标按下

onMouseUp  鼠标弹起

【查看本机的IP地址】

窗口键+R————》可打开运行窗口 cdm——》输入ipconfig     即可查看IP地址

在wamp文件夹中的www文件夹中放入html文档，再在浏览器中输入IP地址即可访问。

用户名、密码输入、验证原理：

   输入用户名、密码——提交——》网络中心————》数据库---->服务器（OK）————》网络中心（OK）————》用户名、密码输入正确  

服务器：1.一直保持开机  2.在哪里都可以上

---------------------------------------------------------------------------------------------------------------------------

WampServer

Apache：解析

MySQL：免费简小数据库

PHP

-------------------------------------------------------------------------------------------------------------------------

Ajax技术

原始含义

A -> Asynchronous

指请求是异步的，它不必等到响应返回才能执行其他操作，响应返回会触发js事件，事件发生后处理响应，异步的特性由XMLHttpRequest对象提供

j -> javascript

实现Ajax应用所使用的语言，其实反过来说Ajax是javascript的一个延伸或组成部分都不为过

Ajax主要通过DOM这个API来动态生成页面内容

a -> and

X -> XML

Ajax技术诞生初期，服务器返回响应时的常用格式，但以逐步为JSON格式所取代

可以看出，Ajax是以上多门技术的共同使用，实际应用中，还会结合大量的HTML与CSS代码

AJAX实现思路

1. 页面JavaScript事件触发

2. 初始化XMLHttpRequest对象

3. 通过XMLHttpRequest对象向服务器端提交请求

4. 注册接收服务器端响应的JavaScript方法

5. 在JavaScript方法中对服务器端发送来的数据进行处理

<script>

/*

使用ajax获取服务器端的数据，总共有6步

*/

//定义一个全局变量，用来存储ajax对象

var xmlHttp;

//定义一个方法，该方法用于初始化ajax对象，并且解决各版本浏览器兼容性的问题

//该方法解决IE低版本的创建ajax对象差异的问题

function initAjax(){

//判断是否是IE浏览器

if(window.ActiveXobject){

//如果是IE浏览器就这样创建

xmlHttp=new ActiveXobject("Microsooft.XMLHTTP");

}

else{

//如果是火狐或其他浏览器就这样创建

xmlHttp=new XMLHttpRequest();

}

}

//1.初始化ajax对象，该对象是浏览器提供好的，对象的名称是 XMLHttpRequest

//var xhr=new XMLHttpRequest();  该行代码不能兼容所有的浏览器

initAjax();

//2.访问指定的服务器，并且发送请求

xmlHttp.open("get","http://localhost/aa/json.html"+Math.random(),true);

//open("get/post方法","URL请求的地址",true同步/false异步)

 

//3.发送请求，请求获取上面页面的内容

xmlHttp.send(null);

 

//4.监听服务器状态变化,function()()匿名函数----不需要调用，立即执行

  xmlHttp.onreadystatechange=function(){

  

//5.判断和服务器是否交互完成，如果交互完成，服务器返回状态4

       if(xmlHttp.readyState==4){

//6.如果交互完成，则返回服务器端的数据，xmlHttp.re

 alert(xmlHttp.responseText);

 }

  

  };

</script>

---------------------------------------------------------------------------------------------------------------------------

PHP简介

  一种跨平台的服务器端脚本语言

php的代码必须通过localhost访问

编码改为（UTF-8）

<?php  

//php中定义变量的方法，以$符号开头

$str="hello 淮安！"；   ---------变量都不用定义

//php中定义常量的方法，以$符号开头

$int=10;

$float=10.1;

$str2="8淮阴师范"；

 

//php的输出

echo "<b>我来了，很高兴！</b><br>"

echo $str;

echo $str2;

echo $str,$str2,$float."<br>";

?>