未捕获的语法错误：意外标记：jQuery ajax[重复]

Question

Uncaught SyntaxError: Unexpected token :
at p (jquery.min.js:2)
at Function.globalEval (jquery.min.js:2)
at text script (jquery.min.js:4)
at Nb (jquery.min.js:4)
at A (jquery.min.js:4)
at XMLHttpRequest.<anonymous> (jquery.min.js:4)

这是我的ajax代码：

$(function () {
    $.ajax({
        url: "/GarmentTech/api/get_products.php",
        type: "GET",
        success: function (result) {
            $('.text').text('');
            console.log(result);
            console.log(result);
            for (var i = 0; i < result.products.length; i++) {
                var place = `
                    <tr>
                        <td>${result.products[i].name}</td>
                        <td>${result.products[i].description}</td>
                        <!--<td>${result.products[i].type}</td>-->
                        <td>${result.products[i].model_color}</td>
                        <td>${result.products[i].size}</td>
                        <!--<td>${result.products[i].manufacturer}</td>-->
                        <td>${result.products[i].purchase_rate}</td>
                        <td>${result.products[i].sales_rate}</td>
                        <td style="text-align:right;">
                            ${result.products[i].stock_count}
                            ${result.products[i].unit_type}
                        </td>
                    </tr>
                `;
                $('.product_view').append(place);
            }
        },
        dataType: 'JSONP' // <----
    }); 
});

json是这样的：

{
"status": "ok", //<---- (chrome is saying problem is hare)
"count": 26,
"count_total": 26,
"pages": 1,
"products": [
    {
        "size": "16X18",
        "id": 41,
        "name": 86416,
        "cost_price": 1200,
        "sales_rate": 1300,
        "description": "",
        "remarks": "",
        "batch_no": "NA"
    }, {}...

Answer 1

您不能只使用JSONP，它必须得到服务器的支持。JSONP是一个黑客，服务器将JSON数据包装在javascript函数（回调函数）中。当jQuery收到它时，它会对它进行计算并尝试运行该函数。如果您调用的服务器不执行包装，它将无法工作。因此出现令牌错误。

如果您控制了服务器，您可以实现JSONP支持，也可以为AJAX调用提供适当的跨域支持。这通常被称为CORS（跨源资源共享）。

您可以通过修改访问策略使CORS设置更加允许。关于如何在任何web服务器上以及在任何语言中做到这一点，有很多教程。