ajax知识点-三级联动

最新推荐文章于 2024-07-27 18:51:22 发布

php398893944

最新推荐文章于 2024-07-27 18:51:22 发布

阅读量422

点赞数

文章标签： ajax json 服务器 javascript php html

本文链接：https://blog.csdn.net/php398893944/article/details/7316284

版权

总结：

29)<textarea>

通过document.getElementById("aa").value传值

30)在使用ajax过程中注意发送的内容中文乱码问题

encodeURI():把地址栏进行编码就能传汉字了

例如：

var url="ajax-youku-server.php?comment="+encodeURI

(comment.value)+"&r="+Math.random();

31)json、dom

① JSON(JavaScript Object Notation) 是一种轻量级的数据交换

格式。

var str="[{id:'1',name:'gao'},{id:'2',name:'凤姐'}]";

//将json格式的字符串转换为对象

var obj=eval("("+str+")");

//alert(obj.length);

for(var i=0;i<obj.length;i++){

alert(obj[i].id+","+obj[i].name);

}

②HTML dom

document.getElementById等等

windom对象

nodeName（节点名称）nodeValue(节点值)nodeType(节点类型)

.......

32) ajax去刷新的评论技术

1、发布的评论，无刷新的显示到下面的区域

2、通过ajax把内容存到服务器上

3、获取服务器的数据，显示到评论区域

33)三级联动重点、难点总结

①

function getArea(id,objid){。。。}

//第一次id刚开始为空

②

③

省:<select id="sheng" οnchange="getArea

(this.value,'shi')"><option value='0'>==请选择

==</option></select>

onchange()//this.value是<select>中value的值

④$sql="select id,name from area where id like '".

$id."__'";

//第一次 $id 为空

第一种方法：使用innerHTML的方式向select中插入内容(不兼

容ie) innerHTML 只适用于fireforx

php:

$opstr.="<option value='".$rows['id']."'>".$rows

'name']."</option>";

js:

$$(objectId).innerHTML=xhr.responseText;

实现2：

1、修改服务器端返回的数据格式(text)

2、客户端可以使用dom、js数组进行解析

然后通过 js向下拉菜单中增加选项 new Option(值，

id)

php:

//$opstr.="#".$rows['id'].",".$rows['name'];

js:

var arr = xhr.responseText.split("#");

for(var i=0; i<arr.length; i++){

var newarr = arr[i].split(",");

var op = new Option(newarr[1],newarr[0]);

$$(objectId).add(op);

实现3:

1、修改服务器端返回的数据格式(json)

2、客户端可以使用dom、js数组进行解析

然后通过对象拼接option的html，js向下拉菜单中增

加选项

php:

while($rows=mysql_fetch_assoc($rs)){

$arr[] = $rows;

}

echo json_encode($arr);

js:

var str=xhr.responseText;

var obj=eval("("+str+")");//解析js字符串

for(var i=0;i<obj.length;i++){

var op=new Option(obj[i].name,obj[i].id);

$$(objectId).add(op);

}

php398893944

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax知识点-三级联动

总结：29) 通过document.getElementById("aa").value传值 30)在使用ajax过程中注意发送的内容中文乱码问题 encodeURI():把地址栏进行编码就能传汉字了例如： var url="ajax-youku-server.php?comment="+encodeURI(comment.value)+"&r="+
复制链接

扫一扫