0

送信時に値を外部 URL に渡し、結果を iframe として表示するフォームを作成しようとしています。フォームはホームページであり、結果も最初のページに表示する必要があります。

送信するたびに 404 エラーが返されます。

コードは次のとおりです。

<form id="buscaAereo" method="POST" name="formularioAereo" action="<?php echo home_url('/' ); ?>">
    <fieldset>
        <div class="half">
            <label class="radio">
                <input type="radio" name="idaevolta" id="idaevolta" value="1" checked>
                Ida e Volta
            </label>
        </div>

        <div class="half">
            <label class="radio">
                <input type="radio" name="idaevolta" id="idaevolta" value="2" checked>
                So ida
            </label>
        </div>

        <div class="half">
            <label for="name">Origem:</label>
            <input type="text" class="cidade" name="origem" data-provide="typeahead">
        </div>
        <div class="half">
            <label for="name">Destino:</label>
            <input type="text" id="cidade" name="destino" data-provide="typeahead">
        </div>

        <div class="half">
            <label for="name">Data de ida:</label>
            <div class="input-prepend">
                <span class="add-on"><i class="icon-calendar"></i></span>
                <input class="sapn1" id="date" name="ida" type="text">
            </div>
        </div>

        <div class="half">
            <label for="name">Data de volta:</label>
            <div class="input-prepend">
                <span class="add-on"><i class="icon-calendar"></i></span>
                <input class="" id="date" name="volta" type="text">
            </div>
        </div>

        <div class="quarter">
            <label for="country">Adultos:</label>
            <select id="country" name="adultos">
                <option value="0">00</option>
                <option value="1" selected="selected">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
            </select>
        </div>
        <div class="quarter">
            <label for="country">Criancas:</label>
            <select id="country" name="criancas">
                <option value="1" selected="selected">00</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
            </select>
        </div>

        <div class="quarter">
            <label for="country">Bebes:</label>
            <select id="country" name="bebes">
                <option value="1" selected="selected">00</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
            </select>
        </div>

        <div class="quarter">
            <input type="submit" id="busca" name="submit" class="btn btn-primary botao" value="Pesquizar">
        </div>
    </fieldset>
</form>

そしてPHPコード：

function buscaPassagem() {
    if(isset($_POST['submit'])) {
        $idaevolta = $_POST["idaevolta"];
        $origem = $_POST["origem"];
        $destino = $_POST["destino"];
        $ida = $_POST["ida"];
        $volta = $_POST["volta"];
        $adultos = $_POST["adultos"];
        $criancas = $_POST["criancas"];
        $bebes = $_POST["bebes"];

        $link = "http://www.portaldoagente.com.br/OTAFrame/SuiteAerea/guiAereoAeroportos.aspx?PesquisaAutomatica=S&Tipo="; 

        $UrlFinal = $link
            .$idaevolta
            ."&Origem=".$origem
            ."&Destino=".$destino
            ."&Adultos=".$adultos
            ."&Criancas=".$criancas
            ."&Bebes=".$bebes
            ."&DataIda=".$ida
            ."&DataVolta=".$bebes
            ."&LojaChave=bG9qYXRlbXBvc3Jpbw==";

        echo "<script>window.open('$UrlFinal', 'meu_frame');</script>";
    }
}

誰かが解決策を知っていますか?

4

1 に答える 1

0

フォーム アクションの対象を iframe にする必要があります。また、そのアクションは PHP コードを指している必要があります。（質問の2番目のコード）

 <form target='iFrame' id="buscaAereo" method="POST" name="formularioAereo" action="your_php_code">
   ....
 </form>

 <iframe id="iFrameID" name="iFrame"></iframe>

編集:このコードを試してください

JQuery:

function enviar()
{
   var link = "http://www.portaldoagente.com.br/OTAFrame/SuiteAerea/guiAereoAeroportos.aspx?PesquisaAutomatica=S&Tipo="; 

   var UrlFinal = link + $('input[name=idaevolta]:checked').val()
        +"&Origem="+$("#origem").val()
        +"&Destino="+$("#destino").val()
        +"&Criancas="+$('#criancas :selected').val()
        +"&DataIda="+$("#ida").val()
        +"&DataVolta="+$("#volta").val()
        +"&Bebes="+$('#bebes :selected').val()
        +"&Adultos="+$('#adultos :selected').val()
        +"&LojaChave=bG9qYXRlbXBvc3Jpbw==";
    $("#iFrameID").attr("src", UrlFinal);
}

HTML:

アイダ エ ヴォルタ 

    <div class="half">
        <label class="radio">
            <input type="radio" name="idaevolta" value="2" checked>
            So ida
        </label>
    </div>

    <div class="half">
        <label for="name">Origem:</label>
        <input id="origem" type="text" class="cidade" name="origem" data-provide="typeahead">
    </div>
    <div class="half">
        <label for="name">Destino:</label>
        <input type="text" id="destino" name="destino" data-provide="typeahead">
    </div>

    <div class="half">
        <label for="name">Data de ida:</label>
        <div class="input-prepend">
            <span class="add-on"><i class="icon-calendar"></i></span>
            <input class="sapn1" id="ida" name="ida" type="text">
        </div>
    </div>

    <div class="half">
        <label for="name">Data de volta:</label>
        <div class="input-prepend">
            <span class="add-on"><i class="icon-calendar"></i></span>
            <input class="" id="volta" name="volta" type="text">
        </div>
    </div>

    <div class="quarter">
        <label for="adultos">Adultos:</label>
        <select id="adultos" name="adultos">
            <option value="0">00</option>
            <option value="1" selected="selected">01</option>
            <option value="2">02</option>
            <option value="3">03</option>
            <option value="4">04</option>
            <option value="5">05</option>
            <option value="6">06</option>
            <option value="7">07</option>
            <option value="8">08</option>
            <option value="9">09</option>
        </select>
    </div>
    <div class="quarter">
        <label for="criancas">Criancas:</label>
        <select id="criancas" name="criancas">
            <option value="1" selected="selected">00</option>
            <option value="1">01</option>
            <option value="2">02</option>
            <option value="3">03</option>
            <option value="4">04</option>
            <option value="5">05</option>
            <option value="6">06</option>
            <option value="7">07</option>
            <option value="8">08</option>
            <option value="9">09</option>
        </select>
    </div>

    <div class="quarter">
        <label for="bebes">Bebes:</label>
        <select id="bebes" name="bebes">
            <option value="1" selected="selected">00</option>
            <option value="1">01</option>
            <option value="2">02</option>
            <option value="3">03</option>
            <option value="4">04</option>
            <option value="5">05</option>
            <option value="6">06</option>
            <option value="7">07</option>
            <option value="8">08</option>
            <option value="9">09</option>
        </select>
    </div>

    <div class="quarter">
        <button onClick="javascript:enviar();">Pesquizar</button>
    </div>
</fieldset>
<iframe id="iFrameID" name="iFrame"></iframe>

お役に立てれば。

于 2013-04-18T21:37:55.840 に答える