我有一个页面,用户可以在其中填写他的电子邮件地址。当用户单击“发送”时,将调用.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 & €</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帖子?这有什么问题?
答案 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了解详情。