【解決方法】jqueryを使用してWeb APIを呼び出すときに問題が発生します


jqueryを使用したWeb APIの呼び出しに問題があります
jqueryを使用してWeb APIを呼び出す場合

ブラウザからコンソールを開きます エラーは次のとおりです

エラー
jquery-3.3.1.min.js:2 Uncaught TypeError: (h.dataType || "*").toLowerCase is not a function
    at Function.ajax (jquery-3.3.1.min.js:2:75548)
    at Object.AjaxCall (Helper.js:5:11)
    at Object.GetAll (Items.js:7:16)
    at ItemsList:2946:18

私が試したこと:

JavaScript
var ClsItems = {
    
    GetAll: function () {
   
        Helper.AjaxCall(
            "https://localhost:7201/api/items",
            {},
            "json",
            function (data) {
                
                var htmlData = "";
                for (var i = 0; i < data.data.length; i++) {
                    console.log(ClsItems.DrawItem(data.data[i]));
                    htmlData +=this.ClsItems.DrawItem(data.data[i]);
                }
                console.log(htmlData)
                var d1 = document.getElementById('ItemArea');
                d1.innerHTML = htmlData;
            },
            function () { }
        );
    },

    // رسم العنصر في الصفحة
    DrawItem: function (item) {
        var rowData = `<div class="col-xl-3 col-6 col-grid-box">
            <div class="product-box">
                <div class="img-wrapper">
                    <div class="front">
                        <a href="#"></a>
                    </div>
                    <div class="back">
                        <a href="#"></a>
                    </div>
                    <div class="cart-info cart-wrap">
                        
                             ^__i class="fa fa-star"> ^__i class="fa fa-star"> ^__i class="fa fa-star"></div>
                        <a href="https://www.codeproject.com/Questions/5372503/product-page(no-sidebar).html">
                            <h6>${item.ItemName}</h6>
                        </a>
                        <p>
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type en book
                        </p>
                        <h4>${item.SalesPrice}</h4>
                        <ul class="color-variant">
                            <li class="bg-light0"></li>                            <li class="bg-light1"></li>                            <li class="bg-light2"></li>                        </ul>
                    </div>
                </div>
            </div>
        </div>`;
        return rowData;
    }
};

解決策 1

JavaScript
jquery-3.3.1.min.js:2 Uncaught TypeError: (h.dataType || "*").toLowerCase is not a function

括弧内の式はブール値を生成します。 そして、電話をかけることはできません toLowerCase ブール値 (つまり、True または False) を使用します。

コメント

タイトルとURLをコピーしました