javascript - phonegap javascript html 获取请求

Question

我正在尝试从 phone-gap 应用程序向我的网站发出 http get 请求。以下代码在我使用 chrome 的笔记本电脑上运行良好，但一旦转换为应用程序，它就不再运行。特别是，phonegap 可以很好地编译代码并为我提供一个非常好的 .apk 文件，但屏幕上只会显示文本“qwer”。这是代码:

<p id="output"></p>

<script>

    var theUrl = "https://example.com"

    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            document.getElementById("output").innerHTML = xmlHttp.responseText + "qwer"
    }
    xmlHttp.open("GET", theUrl, true); // true for asynchronous
    xmlHttp.send(null);


</script>

请注意，当您执行 get 请求时，我的站点目前返回“asdf”

我在 chrome 中运行它时得到的输出是这样的:

asdf qwer

但是当它作为安卓应用程序运行时，我得到了这个:

qwer

另外我想提一下，我已经阅读了所有这些内容，但没有一个特别有用:

run https request in phone gap
https request doesn't work in phonegap-iphone app Want to use https request in phonegap application on iphone

当请求来自应用程序时，get 请求似乎返回一个空字符串，因为没有抛出错误并且它允许我将字符串添加在一起。

我想知道如何解决这个问题，以便我在应用程序表单中工作。我怀疑有某种内置的 phonegap 函数可以做这种事情。

谢谢

编辑:

我在服务器端处理过 CORS。我在 heroku 上使用 python。这是我的代码:

#!/usr/bin/env python
import gevent.monkey
gevent.monkey.patch_all()
import bottle
import os
@bottle.route('/')

def index():
    bottle.response.set_header("Content-Type", "text/turtle")
    bottle.response.set_header("Content-Location", "mydata.ttl")
    bottle.response.set_header("Access-Control-Allow-Origin", "*")
    return("asdf")

bottle.run(server='gevent', host='0.0.0.0', port=os.environ.get('PORT', 5000))

如果我还需要做些什么来修复它，请告诉我

Answer 1

我不确定是什么问题，但我认为这可能与 CORS(跨源资源共享)有关。

你必须设置 访问控制允许来源

你的浏览器正在发出请求并且它工作正常但是当涉及到移动时你必须设置一些额外的参数

https://www.telerik.com/blogs/using-existing-backend-services-in-phonegap-cordova-applications

这个链接可能有用，也许不是 java 的东西，而是 Access-Control-Allow-Origin 的设置。看看。