Javascript 如何使用带有数据的ajax重定向php页面?
我知道这里有很多问题与我的标题相同,但我无法使用提供给他们的答案来解决我的问题。Javascript 如何使用带有数据的ajax重定向php页面?,javascript,php,ajax,Javascript,Php,Ajax,我知道这里有很多问题与我的标题相同,但我无法使用提供给他们的答案来解决我的问题。 该程序应该在截取谷歌地图的屏幕后将页面重定向到OCR结果。结果是,我只能通过网络>proceessing.php>预览查看结果。 我还尝试使用window.location.href=“要重定向到的url”,但这只会因为缺少数据而导致页面出现大量错误。 下面是index.php <body> <input type='button' class="btn btn-success" id='but_
该程序应该在截取谷歌地图的屏幕后将页面重定向到OCR结果。结果是,我只能通过网络>proceessing.php>预览查看结果。
我还尝试使用
window.location.href=“要重定向到的url”,但这只会因为缺少数据而导致页面出现大量错误。
下面是index.php
<body>
<input type='button' class="btn btn-success" id='but_screenshot' value='Take screenshot' onclick='screenshot();'><br/>
<script type="text/javascript">
function screenshot() {
var transform = $(".gm-style>div:first>div:first>div:last>div").css("transform");
var comp = transform.split(",")
var mapleft = parseFloat(comp[4])
var maptop = parseFloat(comp[5])
$(".gm-style>div:first>div:first>div:last>div").css({
"transform":"none",
"left":mapleft,
"top":maptop,
});
html2canvas(document.getElementById('map'), {
useCORS: true
}).
then(function(canvas) {
var base64URL = canvas.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream');
$.ajax({
url: 'processing.php',
type: 'post',
data: {image: base64URL},
success: function(data){
console.log('Upload successfully');
}
});
}
);
}
</script>
</body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.0/js/bootstrap.min.js'></script>
为了不改变一切,您只需从processing.php返回:
<div class="form-group container">
<label for="exampleTextarea">Result</label>
<textarea class="form-control" id="exampleTextarea" rows="30">
<?php
foreach($response['ParsedResults'] as $pareValue) {
echo $pareValue['ParsedText'];
}
?></textarea>
</div>
这些必须包含在index.php中
<body>
<input type='button' class="btn btn-success" id='but_screenshot' value='Take screenshot' onclick='screenshot();'><br/>
<script type="text/javascript">
function screenshot() {
var transform = $(".gm-style>div:first>div:first>div:last>div").css("transform");
var comp = transform.split(",")
var mapleft = parseFloat(comp[4])
var maptop = parseFloat(comp[5])
$(".gm-style>div:first>div:first>div:last>div").css({
"transform":"none",
"left":mapleft,
"top":maptop,
});
html2canvas(document.getElementById('map'), {
useCORS: true
}).
then(function(canvas) {
var base64URL = canvas.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream');
$.ajax({
url: 'processing.php',
type: 'post',
data: {image: base64URL},
success: function(data){
console.log('Upload successfully');
}
});
}
);
}
</script>
</body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.0/js/bootstrap.min.js'></script>
header php函数必须在发送任何实际输出之前调用。您知道ajax是为了避免重定向到php页面,是吗?window.location.href
应该可以工作,您尝试的值是多少,可能您添加了错误的重定向URL,window.location.href
应该有完整的URL,包括域名和您想将用户重定向到的路径。@mamounothman我试图重定向processing.php
@LelioFaieta不知道。我是编程新手,这是我刚刚下载用于测试的示例代码