第三天刚刚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>";
?>