宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 技术交流>php ajax异步通信实例一
技术交流
php ajax异步通信实例一

    为了使我们的页面更丰富,添加适量的ajax能使网页操作更方便。用户使用体验更好。下面是常见的一个ajax php实例

--二级菜单联动(省市联动)

<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">

<html>

<head>

<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">

<title>ajax应用实例</title>

 <script type=\"text/javascript\" >

   //创建完整的XMLHttpRequest对象

     var xmlHttp=null;

     function GetXmlHttpRequest()

      {

       var xmlHttp=null;

        try

       {

         xmlHttp=new XMLHttpRequest();

        }

        catch(e)

        {

            try

            {

                xmlHttp=new ActiveXObject(\"Msxml2.XMLHTTP\");

                }

             catch(e)

             {

                 try

                 {

                     xmlHttp=new ActiveXObject(\"Microsoft.XMLHTTP\");

                     }

                 catch(e)

                 {

                     xmlHttp=false;

                     }

                 }

            }

          return xmlHttp;

        }

 

  //发送异步请求的JavaScript程序

      function sendRequest()

       {

         var prov_name=document.getElementByIdx_x(\"province\").value;

          if((prov_name==null)||(prov_name==\"\"))

             return;

          xmlHttp=GetXmlHttpRequest();

          if(xmlHttp ==null)

            {

              alert(\"浏览器不支持XmlHttpRequest!\");

              return;

             }

        //var url=\"http://localhost/test/getajax.php\"

          var url=\'getajax.php\';

          url=url+\"?prov=\" +prov_name;

         //alert(url);

         xmlHttp.open(\"GET\",url,true);

         xmlHttp.onreadystatechange=updatePage;

         xmlHttp.send(null);

     }

 

  //回调函数

   function updatePage()

   {

    var response=xmlHttp.responseText;

    //alert(response);

    if(xmlHttp.readyState ==4 && xmlHttp.status ==200)

      {

     var response=xmlHttp.responseText;

     document.getElementByIdx_x(\'city\').innerHTML=response;

       }

 }

  

 </script>

</head>

<body>

    <h3>请选择一个省(自治区)</h3>

    <form action=\"getajax.php\">

         <div>

           <select id=\"province\" onchange=\"sendRequest()\">

             <option>请选择一个省(自治区)</option>

             <option value=\"ah\">安徽</option>

             <option value=\"fj\">福建</option>

             <option value=\"gs\">甘肃</option>

             <option value=\"gd\">广东</option>

             <option value=\"gx\">广西</option>

             <option value=\"gz\">贵州</option>

            

             <option value=\"hb\">河北</option>

             <option value=\"hh\">河南</option>

             <option value=\"hl\">黑龙江</option>

           </select>

        </div>

    </form>

     <div id=\"city\">

    </div>

</body>

</html>

 

二、getajax.php

    <?php

    $city_arr=array(

     \"ah\"=>\"合肥\",

     \"fj\"=>\"福州\",

     \"gs\"=>\"兰州\",

     \"gd\"=>\"广州\",

     \"gx\"=>\"南宁\",

     \"gz\"=>\"海口\",

     \"hb\"=>\"石家庄\",

     \"hh\"=>\"郑州\",

     \"hl\"=>\"哈尔滨\"

   );

 if (empty($_GET[\'prov\']))

 {

  echo \'你还没有选择省自治区\';  

 }

 else

 {

  $prov=$_GET[\'prov\'];

  $city=$city_arr[$prov];

   echo \'所选省(自治区)省会(首府)为:\'.$city  ;

 }

?>


点击:  2359    时间: 2014-12-20
上一条: 行业趋势
下一条: wdcp服务器或网站怎么迁移最好最快?
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1