视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > AS2与AS3技术 >

[AS3]ajax与php交互代码实例源代码参考(2)

时间:2013-03-06 08:47cnblogs.com
调用页面 index.php !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head meta http-equiv = Conten

调用页面  index.php

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>无标题文档</title> 
  5.  
  6. <script src="InitAjax.js" type="text/javascript"></script> 
  7.  
  8. <script type="text/javascript"> 
  9.  
  10. //获取新闻(AJAX的GET方式) 
  11. function getNews(newsID) 
  12. { 
  13.     //如果没有把newsID参数传过来 
  14.     if(typeof(newsID) == 'undefined') 
  15.     { 
  16.         return false; 
  17.     } 
  18.      
  19.     var url = "show.php?tag=show&id=" + newsID;        //需要进行ajax的URL地址     
  20.      var ajax = InitAjax();                            //实例化Ajax对象 
  21.      ajax.open("GET", url, true);                    //使用Get方式进行请求 
  22.     ajax.onreadystatechange = updatePage;            //调用执行状态 
  23.     ajax.send(null);                                 //向服务器发出请求 
  24.          
  25.     //CuPlayer.com提示：获取执行状态 
  26.      function updatePage() 
  27.     { 
  28.         //处于请求处理结束前，显示LODDING图 
  29.         if(ajax.readyState < 4) 
  30.         { 
  31.             show_news.innerHTML = "<img src=lodding.gif>"; 
  32.         } 
  33.          
  34.         //请求处理结束，那么就把返回的内容赋值给上面指定的层 
  35.           if (ajax.readyState == 4 && ajax.status == 200) 
  36.         { 
  37.                show_news.innerHTML = ajax.responseText; 
  38.           } 
  39.      } 
  40.      
  41. } 
  42.  
  43. //添加新闻(AJAX的POST方式) 
  44. function saveUserInfo() 
  45. { 
  46.      var msg = document.getElementById("msg");    //获取接受返回信息层 
  47.  
  48.      //获取表单对象和用户信息值 
  49.      var f = document.user_info; 
  50.      var userName = f.user_name.value; 
  51.      var userAge  = f.user_age.value; 
  52.      var userSex  = f.user_sex.value; 
  53.   
  54.      var url2 = "show.php?tag=add";                                                                //接收表单的URL地址 
  55.      var postStr  = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;        //需要POST的值，把每个变量都通过&来联接 
  56.      var ajax2 = InitAjax();                                                                    //实例化Ajax 
  57.      ajax2.open("POST", url2, true);                                                            //通过Post方式打开连接 
  58.      ajax2.onreadystatechange = updatePage2;                                                    //调用执行状态 
  59.      ajax2.setRequestHeader("Content-Type","application/x-www-form-urlencoded");                //定义传输的文件HTTP头信息 
  60.      ajax2.send(postStr);                                                                         //向服务器发出请求 
  61.  
  62.      //获取执行状态 
  63.      function updatePage2() 
  64.      { 
  65.         if (ajax2.readyState == 4 && ajax2.status == 200) 
  66.         { 
  67.             msg.innerHTML = ajax2.responseText; 
  68.         } 
  69.      } 
  70. } 
  71. </script> 
  72. </head> 
  73.  
  74. <body onload="saveUserInfo(); getNews(5); "> 
  75. <a onClick="getNews(5)" style="cursor:pointer">新闻1</a> 
  76. <div id="show_news"></div> 
  77.  
  78. <form name="user_info"> 
  79.  姓名：<input type="text" name="user_name" /><br /> 
  80.  年龄：<input type="text" name="user_age" /><br /> 
  81.  性别：<input type="text" name="user_sex" /><br /> 
  82.  <input type="button" value="提交" onClick="saveUserInfo()"> 
  83. </form> 
  84. <div id="msg"></div> 
  85. </body> 
  86. </html> 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器