jquery - 通过 AJAX 调用 BigCommerce API 时出现 401 错误

Question

我们希望通过 jQuery/AJAX 调用 API 来实现快速搜索结果的最低购买数量。我们正在尝试调用 API，但没有得到响应。我们收到以下错误消息:

NetworkError: 401 Unauthorized - https://mystore.mybigcommerce.com/api/v2/products/product_id

以下是我们在quicksearch.js 文件中添加的代码。

var key = 'API key';
var auth = 'Basic ' + btoa('username:'+key);
var url = 'https://mystore.mybigcommerce.com/api/v2/products/product_id';

$.ajax({
    url : url,
    method : 'GET',
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    async: false,
    crossDomain: true,
    beforeSend : function(req) {
        req.setRequestHeader('Authorization', auth);
    },
    success: function(result) {
        alert('done');
        console.log(result);
    },
    error: function (request, textStatus, errorThrown) {
        console.log(request.responseText);
        console.log(textStatus);
        console.log(errorThrown);
    }
});

任何人都可以指导解决该错误吗？

Answer 1

您可以在实时服务器上创建单独的 PHP 应用程序来调用 Big-commerce API。

您可以从 BigCommerce 商店创建旧版 API 帐户 - 管理面板 -> 高级设置 -> 旧版 API 设置，并获取 API 网址、用户名、 token 。

您可以实现以下代码来获取最低购买数量。

文件名为 getproductinfo.php。

    <?php
    header("Access-Control-Allow-Origin: *");
    header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');

    $product_id = $_GET['prod_id'];

    $username='username';
    $password='API token';
    $URL='https://mystoreurl.mybigcommerce.com/api/v2/products/'.$product_id;

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL,$URL);
    curl_setopt($ch, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
    curl_setopt( $ch, CURLOPT_HTTPHEADER, array('Content-Type:UTF-8','Accept: application/json'));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
    curl_setopt($ch, CURLOPT_HTTPAUTH, CURLAUTH_ANY);
    curl_setopt($ch, CURLOPT_USERPWD, "$username:$password");
    $status_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);   //get status code
    $result=curl_exec ($ch);
    curl_close ($ch); 


    $data = json_decode($result,true);
    $minimimOrder = $data['order_quantity_minimum'];
    echo $minimimOrder;die();

    ?>

响应(最小购买数量)-->您可以使用以下代码获取quicksearch.js文件作为结果。

 var url = 'http://liveserveripaddress/foldername/getproductinfo.php';
        $.ajax({
            url : url,
            type : 'GET',
            data : {prod_id:productid},
            dataType: "json",
            crossDomain: true,

            success: function(result) {
                console.log(result);
                },
            error: function (request, textStatus, errorThrown) {
                console.log(request.responseText);
                console.log(textStatus);
                console.log(errorThrown);
            }
        });