1

我有一个页面，用户可以在其中填写他的电子邮件地址。当用户点击“发送”时，会调用一个 .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，我收到消息“加载页面错误”。我的 FireBug 中弹出以下消息：

[12:53:31.097] POST http://myserver.com/send.php [HTTP/1.1 302 暂时移动 1456 毫秒]

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

<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 帖子而发生错误？这里有什么问题？

4

2 回答 2

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));
?>

它现在可以正常工作。

于 2013-11-04T14:26:15.623 回答
0

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

于 2013-11-06T10:09:03.117 回答