为什么ajax不像桌面一样在移动设备上工作？

Question

当我在ajax请求上从服务器接收数据时：

（1）在桌面视图中，<p id="productName"></p>和<p id="productPrice" ></p>值已更改（预期行为）。

（2）在移动视图中，当呼叫完成时，我将使用json数据输出定向到页面（不是预期的）'/ product / get'。

HTML代码：

<p id="productName"></p>
<p id="productPrice" ></p>

Ajax调用：

$(".get-product").on('click', function (event) {
        event.preventDefault();
        let url = "/product/product1";
        $.ajax({
            url: url,
            method: "GET",
            success: function (data) {
                $("#productName").html(data.name);
                $("#productPrice").html("₹ " + data.price);
            }
        });
    });

服务器端代码（Nodejs）：

router.get('/product/:uName', function (req, res, next) {
    productServices.get(req, req.params.uName, function (error, result) {
        if (!error) {
            res.status(200).json(result);
        } else {
            res.status(500).json({error: error});
        }
    });
});

移动视图中两个p-tag的值的预期变化，而不是指向新页面。