的iFrame在PHP变量变量网址 [英] iFrame with Variable URL in PHP Variable

查看：159
本文介绍了的iFrame在PHP变量变量网址的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个HTML表单和PHP的形式。

有不同的URL的下拉菜单。 当提交按钮是pressed返回与从下拉列表中的网址一个iFrame。

我的问题：我不能得到的iFrame来显示网页。它只是显示变量。

HTML表单

 ＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML＆GT;
＆LT; HEAD＆GT;
    ＆LT; META HTTP-当量=Content-Type的CONTENT =text / html的;字符集= UTF-8＆GT;
    ＆LT;冠军＆GT;阿贾克斯例＆LT; /标题＆GT;
    ＆LT;脚本类型=文/ JavaScript的SRC =jquery.js和＆GT;＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
    ＆所述;微升的id =INFO1＆GT;
        ＆LT;李＆GT;放任何东西在下面的字段＆LT; /李＆GT;
    ＆LT; / UL＆GT;
    ＆LT;表格ID =Form1的＆GT;
        ＆LT;输入类型=文本名称=字段1ID =字段1＆GT;
        ＆LT;输入类型=提交名称=提交ID =提交值=提交表单＆GT;
    ＆LT; /形式GT;
    ＆LT;强＆GT;网站＆LT; BR /＆GT; ＆LT; / STRONG＆GT;
    ＆LT;选择表=Form1的ID =MenuURL＆GT;
        ＆LT;期权价值=google.com＆GT;谷歌＆LT; /选项＆GT;
        ＆LT;期权价值=yahoo.com＆GT;雅虎＆LT; /选项＆GT;
    ＆LT; /选择＆GT;
    ＆LT;脚本＆GT;
    $（'＃Form1的）。递交（函数（事件）{
        。事件preventDefault（）;
        $阿贾克斯（{
            键入：POST，
            网址：'ajax.php，
            数据：$（本）.serialize（）
            数据类型：JSON，
            成功：功能（数据）{
                的console.log（数据）;
                $（'＃INFO1）HTML（data.msg）;
            }
        }）;
    }）;
    ＆LT; / SCRIPT＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;

PHP code 

 ＆LT; PHP
类ajaxValidate {
    功能formValidate（）{
        //把表单元素融入后的变量（这是在那里你会净化你的数据）
        $字段1 = @ $ _ POST ['字段1'];
        $ URL = @ $ _ POST ['MenuURL'];
        //建立，将通过AJAX返回值
        $收益率=阵列（）;
        $返回['味精'] ='';
        $返回['错误'] = FALSE;
        //开始表单验证功能
        如果（！使用isset（$字段1）||空（$字段1））{
            $返回['错误'] =真;
            $返回['味精'] ='＆LT;李＆GT;错误：字段1是空的＆LT; /李＆GT;。
        }
        //开始的形式成功的功能
        如果（$返回['错误'] === FALSE）{
            $返回['味精'] = \'＆LT;李＆GT;＆LT; IFRAME SRC = \{$ URL;} \的风格=宽度：250像素，高度：250像素;溢出：滚动; ID =MyFrame＆GT;＆LT; / IFRAME＆GT;＆LT; /李＆GT;';
        }
        //返回JSON EN codeD结果
        返回json_en code（$返程）;
    }
}
$ ajaxValidate =新ajaxValidate;
回声$ ajaxValidate-＆GT; formValidate（）;
？＆GT;

解决方案

那么首先的，语法错误：

  $返回['味精'] = \'＆LT;李＆GT;＆LT; IFRAME SRC = \{$ URL;} \的风格=宽度：250像素，高度：250像素;溢出：滚动; ID =MyFrame＆GT;＆LT; / IFRAME＆GT;＆LT; /李＆GT;';
                 ^ ^

我觉得在谷歌，你不能只是直上使用 SRC =google.com，因为谷歌正在发送X帧选项：SAMEORIGIN响应头你不能简单地设置SRC为 http://www.google.com 在一个iframe中。

另外，你可以使用：

  http://www.google.com/custom?q=&btnG=Search

所以，在你的PHP：

 如果（$ _ SERVER ['REQUEST_METHOD'] =='POST'）{
    类ajaxValidate {
        功能formValidate（）{
            //把表单元素融入后的变量（这是在那里你会净化你的数据）
            $字段1 = $ _ POST ['字段1'];
            $ URL = $ _ POST ['MenuURL'];
            //建立，将通过AJAX返回值
            $收益率=阵列（）;
            $返回['味精'] ='';
            $返回['错误'] = FALSE;
            //开始表单验证功能
            如果（！使用isset（$字段1）||空（$字段1））{
                $返回['错误'] =真;
                $返回['味精'] ='＆LT;李＆GT;错误：字段1是空的＆LT; /李＆GT;。
            }
            //开始的形式成功的功能
            如果（$返回['错误'] === FALSE）{
                $返回['味精'] ='＆LT;李＆GT;＆LT; IFRAME SRC ='$ URL $ field1的'。的风格=宽度：250像素，高度：250像素;溢出：滚动; ID =MyFrame＆GT;＆LT; / IFRAME＆GT;＆LT; /李＆GT;';
            }
            //返回JSON EN codeD结果
            返回json_en code（$返程）;
        }
    }
    $ ajaxValidate =新ajaxValidate;
    回声$ ajaxValidate-＆GT; formValidate（）;
    出口;
}

在您的标记和JS：

 ＆LT; UL ID =INFO1＆GT;
    ＆LT;李＆GT;放任何东西在下面的字段＆LT; /李＆GT;
＆LT; / UL＆GT;
＆LT;表格ID =Form1的＆GT;
    ＆LT;输入类型=文本名称=字段1ID =字段1＆GT;
    ＆LT;输入类型=提交名称=提交ID =提交值=提交表单＆GT;
＆LT; /形式GT;
＆LT;强＆GT;网站＆LT; BR /＆GT; ＆LT; / STRONG＆GT;
＆LT;选择表=Form1的ID =MenuURL＆GT;
    ＆LT;期权价值=htt​​p://www.google.com/custom?btnG=Search&q=＆GT;谷歌＆LT; /选项＆GT;
    ＆LT;期权价值=yahoo.com＆GT;雅虎＆LT; /选项＆GT;
＆LT; /选择＆GT;
＆LT;脚本＆GT;
$（'＃Form1的）。递交（函数（事件）{
    。事件preventDefault（）;
    $阿贾克斯（{
        键入：POST，
        网址：'ajax.php，
        数据：{字段1：$（'＃字段1）VAL（），MenuURL：$（'＃MenuURL）VAL（）}，
        数据类型：JSON，
        成功：功能（数据）{
            的console.log（数据）;
            $（'＃INFO1）HTML（data.msg）;
        }
    }）;
}）;
＆LT; / SCRIPT＆GT;

工作演示了谷歌仅

I have an html form and a php form.

There is a dropdown menu with different URLs. When the submit button is pressed it returns an iFrame with the URL that was from the dropdown.

My Issue: I can't get the iFrame to show the webpage. It just shows the variable.

Html Form

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Ajax Example</title>
    <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
    <ul id="info1">
        <li>Put anything in the field below.</li>
    </ul>
    <form id="form1">
        <input type="text" name="field1" id="field1">
        <input type="submit" name="submit" id="submit" value="Submit Form">
    </form>
    <strong> Site <br/> </strong>
    <select form="form1" id="MenuURL">
        <option value="google.com">Google</option>
        <option value="yahoo.com">Yahoo</option>
    </select>
    <script>
    $('#form1').submit(function(event) {
        event.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'ajax.php',
            data: $(this).serialize(),
            dataType: 'json',
            success: function (data) {
                console.log(data);
                $('#info1').html(data.msg);
            }
        });
    });
    </script>
</body>
</html>

PHP Code

<?php
class ajaxValidate {
    function formValidate() {
        //Put form elements into post variables (this is where you would sanitize your data)
        $field1 = @$_POST['field1'];
        $URL = @$_POST['MenuURL'];
        //Establish values that will be returned via ajax
        $return = array();
        $return['msg'] = '';
        $return['error'] = false;
        //Begin form validation functionality
        if (!isset($field1) || empty($field1)){
            $return['error'] = true;
            $return['msg'] .= '<li>Error: Field1 is empty.</li>';
        }
        //Begin form success functionality
        if ($return['error'] === false){
            $return['msg'] = \'<li><iframe src=\" {$URL;}\" style="width:250px;height:250px;overflow:scroll;" id="MyFrame"></iframe></li>';
        }
        //Return json encoded results
        return json_encode($return);
    }
}
$ajaxValidate = new ajaxValidate;
echo $ajaxValidate->formValidate();
?>

解决方案

Well first of, the syntax errors:

$return['msg'] = \'<li><iframe src=\" {$URL;}\" style="width:250px;height:250px;overflow:scroll;" id="MyFrame"></iframe></li>';
                 ^                         ^

I think in google you cant just straight up use src="google.com" because Google is sending an "X-Frame-Options: SAMEORIGIN" response header you cannot simply set the src to "http://www.google.com" in a iframe.

Alternatively, you could use:

http://www.google.com/custom?q=&btnG=Search

So in your PHP:

if($_SERVER['REQUEST_METHOD'] == 'POST') {
    class ajaxValidate {
        function formValidate() {
            //Put form elements into post variables (this is where you would sanitize your data)
            $field1 = $_POST['field1'];
            $URL = $_POST['MenuURL'];
            //Establish values that will be returned via ajax
            $return = array();
            $return['msg'] = '';
            $return['error'] = false;
            //Begin form validation functionality
            if (!isset($field1) || empty($field1)){
                $return['error'] = true;
                $return['msg'] .= '<li>Error: Field1 is empty.</li>';
            }
            //Begin form success functionality
            if ($return['error'] === false){
                $return['msg'] = '<li><iframe src="'.$URL . $field1.'" style="width:250px;height:250px;overflow:scroll;" id="MyFrame"></iframe></li>';
            }
            //Return json encoded results
            return json_encode($return);
        }
    }
    $ajaxValidate = new ajaxValidate;
    echo $ajaxValidate->formValidate();
    exit;
}

In your markup and JS:

<ul id="info1">
    <li>Put anything in the field below.</li>
</ul>
<form id="form1">
    <input type="text" name="field1" id="field1">
    <input type="submit" name="submit" id="submit" value="Submit Form">
</form>
<strong> Site <br/> </strong>
<select form="form1" id="MenuURL">
    <option value="http://www.google.com/custom?btnG=Search&q=">Google</option>
    <option value="yahoo.com">Yahoo</option>
</select>
<script>
$('#form1').submit(function(event) {
    event.preventDefault();
    $.ajax({
        type: 'POST',
        url: 'ajax.php',
        data: {field1: $('#field1').val(), MenuURL: $('#MenuURL').val() },
        dataType: 'JSON',
        success: function (data) {
            console.log(data);
            $('#info1').html(data.msg);
        }
    });
});
</script>

Working Demo for google only

这篇关于的iFrame在PHP变量变量网址的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
PHP最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆