php教程笔记复习1-ajax

1.省市联动2.用户名无刷新验证3.股票信息的实时更新4.天气预报5.qq聊天室

ajax代理

ajax回传的数据格式:字符串,xml,json

注意:eval("("+json+")"); eval存在一定的安全缺陷,一般无伤大雅

json的数据格式:
{ "paramArray":
[{"param1":"str1","param2":"str2","param3":"str3"},{"param1":1,"param2":"str2","param3":"str3"}],
"array":["param1":"str1","param2":"str2","param3":"str3"],"param":"simple"
}
ajax的基本语法--数据传送方式

1.xmlRequest.open("get",url,true)//打开连接,但是并没有发送
  xmlRequest.send(null);    //设为null
2.xmlRequest.setrequsetheader("content-type":"");//必须的
  xmlRequest.open("post",url.true)    //true:表示异步,false:表示同步
  xmlRequest.send(data);    //需要传送的数据

---省市联动
xxx.js

function  creatXmlHttp()
{   
var xmlrequest=null;   try
  
{     xmlrequest= new XMLHttpRequest();   }catch
  
{   try{   xmlrequest=new ActiveXObject("Microsoft.XMLHTTP");   }catch
  
{   alert("sorry.your explore don‘t support this function");   }   return xmlrequest; } functon $get(id){ return document.getElementById(id); //.value取节点值 }

xxxpro.php

<?php
header("Content-Type:text/html;charset=utf-8");  //此处与返回格式对应
header("Cache-Control:no-cache");
$cityList=$_POST["cityList"];
for(i=0;i<count(cityList);i++)
{//暂时不操作数据库
  if(cityList(i)=="city1")
  {     echo
"{"subcity11":"city1","subcity12":"city2","subcity13":"city3"}";   }
  else if(cityList(i)=="city2")
  {//json $res.=‘{"cityname":‘.$cities[$i].‘,"price":‘.rand(500,1500).‘}‘;     echo
"{"subcity11":"city4","subcity12":"city5","subcity13":"city6"}";
  } } ?>

xxxview.php

<select id="pro" onchange="sendRequest();">
<option value=""></option>
<option value="city1">city1</option>
...
<select/>
<select id="city" value="">
...
<select/>

<script type="text/script" language="javascript">
function sendRequest()
{
  var xmlRequest=creatXmlHttp();//注意用法
  var data="city[]=city1&city[]=city2&city[]=city3";
  var url="xxxpro.php?cityList="+data;
  xmlRequest.setRequestHeader("Content-Type:");
  xmlRequest.open("Post",url,true);
  xmlRequst.onreadystatechange=profun;    //一个是函数的引用,一个是赋函数的地址。profun带不带()的区别
  xmlRequest.send(data);
}
function profun()
{
  if(xmlRequest.readystate=4 && xmlRequest.status=200)
  {
      $get("city").length=0;
      var subCityList=eval("("+xmlRequest.responseText+")");   //responseXML,返回类型为xml对象(xml dom)
      var subcitys =xmlRequest.responseXML.getElementsByTagName;
      var val =mes[0].childNodes[0].nodeValue;
      for(var i=0;i<subcitys;i++)
    {
      var city_name=subCityList[i].childNodes[0].subcity11;
      var subcity=document.createElement("option");//注意语法
      subcity.value=city_name;
      subcity.innerText=city_name;
      $get("city").appendChild(subcity);
        ...
    }
  }
}

</script>

 

小知识:
1.<?php
?>   //当此文件为被引用文件时,最好不必带上。
     //当此文件引用其他文件时,最好带上。
2.ie下的get ajax,如果url不发生变化,ie会从缓存中取数据,而不真正的发生请求。----解决方法:为url加上时间戳(new Date()),或者在服务器回送结果时,禁用浏览器缓存
3.边输入边验证  onkeyup="ajax()"
4.dom 分为 xml dom和html dom
5.smarty->assign($list);   //smarty提供数据展现方式
6.js typeof(var)   //返回变量类型
7.js 中的数组长度length, size(),php中的数组长度count($arr);
8.xml是最通用的数据格式
9.js 定时器 setInterval(函数名,5000);
10.file_put_contents("文件名","写入内容",写入方式);
11.FILE_APPEND          //向指定文件中添加指定信息,此方式为调试程序的神器

数据库知识点:
1.表过大会影响查询速度,解决办法合理分表。
2.数据库群集,定时回传,(手机漫游,qq的通讯方式)

php教程笔记复习1-ajax,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。