如何在 phonegap 中發送 HTTP 請求？

Question

我正在使用 phonegap 開發庫存管理移動應用程序，但我不知道如何發送 http 請求而不遇到 CORS 策略問題。 I installed the cordova advanced http plugin but when I preview the app on chrome, the cordova object doesn't exist because the cordova.js script isn't added until later so I haven't really been able to tinker with the plugin. 我只是想發送一個 http 請求並讀回 JSON。 我有一個 URL。 沒有用戶名或密碼。 請幫忙！ 我被困住了！

更新：

我使用了這段代碼：

    $.ajax({

    url: 'https://api.barcodelookup.com/v2/products?barcode=075500000010&formatted=y&key=8f5uvzskkmjnptt43bz7yjzgwehscl',
    data: null,
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
    success: function() { alert("Success"); },
    error: function() { alert('Failed!'); },
});

現在請求通過了，但響應被阻止了。 我嘗試通過將其放入我的 xml 來將其列入白名單：

allow-intent href="https://api.barcodelookup.com/*"
access origin="https://api.barcodelookup.com/*"

但我仍然收到此錯誤消息，表示響應被阻止：

jquery-1.11.1.min.js:4 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://api.barcodelookup.com/v2/products?barcode=075500000010&formatted=y&key=8f5uvzskkmjnptt43bz7yjzgwehscl&callback=jQuery111107483149196833481_1568855081600&_=1568855081601 with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Answer 1

好吧，您可以簡單地將jQuery添加到您的應用程序中並執行

$.ajax({
        url: "http://localhost/",
        type: "POST",
        crossDomain: true,
        data: JSON.stringify(somejson),
        dataType: "json",
        success: function (response) {
            var resp = JSON.parse(response)
            alert(resp.status);
        },
        error: function (xhr, status) {
            alert("error");
        }
    });

您也可以根據您的后端嘗試此操作（並將您的數據發布為 JSON 字符串）

$.ajax({
        method:'POST',
        url:url,
        data:json_string,
        async:true,
        processData:false,
        contentType:'application/x-www-form-urlencoded',
        dataType:'json',            
        ...
   );

Answer 2

你可以在你的 API php 中使用它

header('Access-Control-Allow-Origin: *'); header("Content-Type: application/json; charset=UTF-8");

Answer 3

好的。 我終於明白了：我不得不使用 cordova 高級 http 插件。 我使用了以下代碼：

const options = {
  method: 'get',
  headers: { Authorization: 'OAuth2: token' }
};

cordova.plugin.http.sendRequest('https://api.upcitemdb.com/prod/trial/lookup?upc=075500000010', options, function(response) {
  // prints 200
  alert(response.status);
  var obj = JSON.parse(response.data); // This is the resultant JSON in useful form
}, function(response) {
  // prints 403
  alert(response.status);

  //prints Permission denied
  alert(response.error);
});