使用php重定向不起作用

时间:2013-11-04 12:04:10

标签: javascript php jquery ajax jquery-mobile

我有一个页面,用户可以在其中填写他的电子邮件地址。当用户单击“发送”时,将调用.php脚本。在此脚本中,对外部Web服务进行POST,并收到包含URL的答案。然后.php导航到该URL。

看起来像这样:

<!DOCTYPE html>
<html>
<head>
    <title>Email</title>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
    <link rel="stylesheet" href="themes/customtheme.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>

<div data-role="page">

    <div data-role="header">
        <a class="ui-btn-left" href="index.html" data-icon="back">Back</a>
        <h1><span></span></h1>
        <a class="ui-btn-right" href="#" data-icon="info">i & &euro;</a>
    </div>

    <div data-role="content" data-position="relative">
        <div class="inform">
            <form method="POST" class="thedataform" position:relative action="send.php" >
                <span>Email adress:</span>
                <input type="text" name="email" id="email"></input>
                <div>
                    <input type="submit" style="width:100%" name="smsbutton" value="Send" >
                </div>
            </form
        </div>
    </div>

    <div data-role="footer" data-position="fixed">

    </div>
</div>
</body>
</html>

send.php看起来像这样:

<?php
    $xml = file_get_contents('xml.xml');
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, "https://other.webservice/yyy/");
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);

    $sXML = curl_exec($ch);
    curl_close($ch);

    $oXML = simplexml_load_string($sXML);
    $url = (string) $oXML->RETURNEDURL;

    if (isset($_POST["email"]))
    {
        $email = $_POST["email"];
    }
    else
    {
        $email = null;
    }

    session_start();
    $_SESSION['email'] = $email;
    setcookie("email", $email);
    header('Location: '.$url);
    exit;
?>

现在,当我直接导航到send.php时,一切正常。我被重定向到另一个网站(RETURNEDURL)。

但是当我想使用提交按钮运行.php时,事情就出错了。由于我使用的是JQuery和JQuery Mobile,因此收到消息“Error Loading Page”。我的FireBug中会弹出以下消息:

  

[12:53:31.097]张贴http://myserver.com/send.php   [HTTP / 1.1 302暂时移动1456ms]

当我注释掉以下两行之一时:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

重定向有效,但我的页面变得难看。是否可能发生错误,因为我要从HTTP发布到HTTPS帖子?这有什么问题?

2 个答案:

答案 0 :(得分:0)

我将网站更改为使用以下脚本:

<script type="text/javascript">
    $(function() {
        $("#emailForm").submit(function() {
            console.log("Submit prevented.");
            $.ajax({
                type: "POST", 
                url: "send.php",     
                data: {
                    email: $("#email").val()
                },
            success: function(data) {
                    var obj = jQuery.parseJSON(data);
                    window.location = obj.url;
                }
            });
            return false;
        });
    });
</script>

我将send.php更改为以下内容:

<?php
    $xml = file_get_contents('xml.xml');
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, "https://the.website/xxx/");
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);

    $sXML = curl_exec($ch);
    curl_close($ch);

    $oXML = simplexml_load_string($sXML);
    $url = (string) $oXML->RETURNEDURL;

    if (isset($_POST["email"]))
    {
        $email = $_POST["email"];
    } else {
        $email = null;
    }

    session_start();
    setcookie("email", $email);
    $arr = array("url"=>$url);
    echo(json_encode($arr));
?>

它现在可以正常运作。

答案 1 :(得分:0)

将data-ajax =“false”属性添加到表单中,它应该在第一个版本中按预期工作。 查看http://jquerymobile.com/demos/1.2.1/docs/forms/forms-sample.html了解详情。