显示特定帧上ajax响应的输出

时间:2017-10-19 14:08:50

标签: javascript php html ajax

我的html页面分为各种框架集和框架。 This is the image of the same

显示基本(循环)和advance(oops)的帧被称为(具有名称)作为输出。

当点击OOPS时,它会在javascript中收到,并且会向php发出ajax调用以获取iframe(之后将会有很多此类链接)。

“一旦收到iframe,我想知道如何在名为output的帧上显示它。”即; 1.如果是hd锚标记下面应该有href属性,那么它应该重定向(我想知道如何在名为output的帧上显示它)。

  1. 从php(获取ajax响应)收到数据后,在javascript文件中做什么。
  2. 这个名为output的框架在创建此UI时在第一个文件中声明(make),所有其他框架的目标属性都作为输出框架。

    如果需要任何其他信息,请告诉我。

    // HTML

                <html>
                <head>
                    <script type = "text/javascript" src = "validate.js">
                    </script>
                </head>
                <body>
                    <center>
                        <h2> Advance </h2>
                        <a href = "" id = "o1" target = "output" onclick = 
          "find(this.id)"> OOPS </a>
                    </center>
                </body>
            </html> 
    

    // js file

                  var request;
    
             function find(id) 
             {
               var url = "output.php?video=" + id;
               var method = "GET";
    
                   if (window.XMLHttpRequest) 
                   {
                     request = new XMLHttpRequest();
                   } 
    
                   else if (window.ActiveXObject)
                   {
                     request = new ActiveXObject("Microsoft.XMLHTTP");
                   } 
    
               request.open(method, url, true);
               request.send(null);
               request.onreadystatechange = getInfo;  
    
             }  
    
             function getInfo() 
             {
               if (request.readyState == 4 && request.status == 200)
               {
                 var val = request.responseText;
                //what would come here.
               }
             }
    

    // php文件

                <?php
    
                $o = $_GET['video'];
                switch($o)
                {
                    case "o1":
                        echo '<iframe width="100%" height="100%" 
               src="https://www.youtube.com/embed/dD2EISBDjWM" frameborder="0" 
               allowfullscreen></iframe>'
                        break;
                }
    
            ?>  
    

0 个答案:

没有答案