ajax基础.docx

ajax基础.docx

《ajax基础.docx》由会员分享，可在线阅读，更多相关《ajax基础.docx（32页珍藏版）》请在冰豆网上搜索。

ajax基础

Javascript基础

ajax一定要记得大小写区分不然会出错

ajax输出方法

varkkd=1;

//while（kkd<=10）{

document.write（kkd）;

//}

PHP里面的实例;

php

echo'';

echo'

vardd=111123;

document.write（dd）;

';

?

>

document.write（"dd"）;

document.write（kkd）;里面就是要输出内容等等…..

alert是弹出窗口

变量

•用var（variable）定义变量

•例如:

varclolr=“red”;//声明了变量color

•Varclolr1=“red”,color2=“blue”;//多个变量

•Varcolor1=“red”,num=23;//多个类型不同的变量

变量可以存放在同类型的值

php

echo'';

echo'

varok="123";

alert（ok）;

ok=456;

alert（ok）;

';

?

>

里面的alert是弹出.而var是定义变量用的,像PHP用$来定义变量一样的道理

变量名要遵守两条简单的规则

1.第一个字符必需是字母.下划线_或美元符号$

2.余下的字符可以是下划线.美元符号,任何字母或数字字符.

3.举例:

test$Test_ty212$%34

4.变量使用前可以不声明

5.vartest=“Hello”;

6.Test1=test+”world”;

7.alert（Test1）;//输出了”Helloworld”

关键字

1.breakelsenewvar

2.casefinallyreturnvoid

3.catchforswitchwhile

4.continuefunctionthiswith

5.defaultifthrow

6.deleteintry

7.doinstanceoftypeof

关键字是不可以作为变量名和含数名的

举例:

varnew="kkkk";

alert（test）;//输出ted

test=23;

alert（test）;//输出23

出错了不可以输出

运算符

算术运算符:

+,-,*,/,%,++,--

关系运算符:

>,<,>=,<=,==,!

=

布尔逻辑运算符:

!

&&,||

赋值运算符:

=扩展赋值运算符:

+=,--=,*=,/=

If判断语句

php

echo'';

echo'

varok=123;

if（ok=123）{

alert（"呵呵是101哦"）;//弹出

}

else{

document.write（"no"）;//否则输出

}

';

?

>

得出结果

输出的时候一定要加入双引号.document.write（"no"）不然会出错

ajax里面引用php的变量方法

1.方法一:

如果单引号来括起ajax的代码那么输出变量的时候就要这样写'.$oo.'单引号

得出的结果是:

哈哈

2.方法二

如果双引号来括起ajax的代码那么输出变量的时候就要这样写\"$oo\"

得出的结果是:

哈哈

得出的也是:

哈哈

For循环

php

$oo="哈哈";

echo'';

echo'

for（varok=0;ok<=10;ok++）{

document.write（ok）;

}

';

?

>

得出结果自己看吧,12345678910

本页面输出

第一种方法

php

echo$_GET["k"];

?

>

内容:

--提交内容-->

--//action=""提交地址.method=提交方式-->

$_GET方法里面写name等于的名字

action=""提交地址.提交地址如果是在接收本页.不用写,直接留空格就行了.

method=提交方式输入get就行了

第二种方法

php

echo$_POST["k"];

?

>

内容:

--提交内容-->

$_POST里面写的是name的属性名字k

action=""提交地址.提交地址如果是在本页接收,不用写,直如果写本页也可以method=提交方式输入post就行了

在本页面里加入css里面输出实例

php

$yu=$_POST["kdi"];

echo'

';

?

>

--

.jg{

border:

1pxsolid#999900;

height:

50px;

width:

250px;

}

-->

phpecho$yu;?

>

得出的结果就是在本页面里面接收的啦~~~

建立XX.css文件可以在任意的页面里面调用.

方法

然后保存

如果要用到css可以在设置好的css文件里面的调用.调用的方法,在

里面找到然后选择你设置过的css文件就可以设置用了..

break终止

php

$oo="哈哈";

echo'';

echo'

for（varok=0;ok<=10;ok++）{

if（ok==5）

break;

document.write（ok）;

}

document.write（"这里是5到这里停."）;

';

?

>

得出的结果是:

01234这里是5到这里停.

这段的意思PHP里面有,不过在这里还是要说一下,他的意思是说到了5他就输出:

到这里终止"后面的就不输出了….

new语句（读作牛）

functionok（aa,bb,cc）{

this.aa=aa

this.bb=bb

this.cc=cc

}

newemp=newok（"h1","h2","h3"）;//h1赋给了aa,h2赋给了bb,h3赋给了cc

document.write（"我:

"+newemp.aa+"
"）;//输出了aa,

document.write（"你:

"+newemp.bb+"
"）;//输出了bb

document.write（"他:

"+newemp.cc）;//输出了cc

效果

我:

h1

你:

h2

他:

h3

还可以用for...in语句来这样

functionok（aa,bb,cc）{

this.aa=aa

this.bb=bb

this.cc=cc

}

newemp=newok（"我:

h1
","你:

h2
","他:

h3
"）;

for（xinnewemp）

document.write（newemp[x]）;

得出的结果是:

我:

h1

你:

h2

他:

h3

这里面this.不可以改成var哦

代码屏蔽

有些浏览器不能有很好的支持Javascript，在这些浏览器中，需要将Javascript代码屏蔽，否则，浏览器会把Javascript代码与Web页面的其他内容一起显示在屏幕上，可以将标签对中的内容用HTML的注释标记（

--和//-->）括起来，

这样，支持标签对中的HTML注释符，会继续执行注释符之间的脚本程序

Date对象

1.Date是内置对象,包含日期和时间信息.

2.Date对象无属性,但有许多方法可以用来设置,获取和操作日期

用法

DateObject=newDate（parameters）

Set方法组.

get方法组

to方法组

parse和UTC方法组

Javascript事件

1.Onchange改变事件

2.OnClick鼠标单激事件

3.Onfocus事件获得交点的事件

4.Onmouseover鼠标经过事件

5.Onmouseout鼠标移出事件

6.Onload页面加载之后的事件

7.Onsubmit提交之后的一个事件

8.Onmousedown鼠标按下之后的一个事件

9.Onmouseup鼠标抬起之后的事件

10.Return返回的意思

。

onchange

无闪输入刷新?

functionok（num）{

if（num==1）{

document.getElementById（"rr"）.innerHTML="d";//innerHTML是html的标签.如果你用div一定要像这样写不然会出错..

}

elseif（num==2）{

document.getElementById（"rr"）.innerHTML="123";

}

else{

document.getElementById（"rr"）.innerHTML="你输入的是...";

}

}

--把这段表单的值传给ok-->