求救用JqueryAJAX取得API資料後連結點進去分頁回傳資料要如何顯示呢?- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
1229

會員總數：245927
討論主題：189535

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> AJAX / JSON / jQuery >> 求救用JqueryAJAX取得API資料後連結點進去分頁回傳資料要如何顯示呢?

[]

[我要回覆]

求救用JqueryAJAX取得API資料後連結點進去分頁回傳資料要如何顯示呢?
價值 : 5 QP 點閱數:425 回應數:1

樓主

CHC

0	2
18	0

發送站內信

求救
如果用JqueryAJAX取得API資料後連結點進去分頁回傳資料要如何顯示呢?
頁面連結點進去都沒顯示頁面內容不知道要如何設定?
有需要我的完整原始檔來解決可私訊密我感恩><

function QueryString(name) {
            var AllVars = window.location.search.substring(1);
            var Vars = AllVars.split("&");
            for (i = 0; i < Vars.length; i++) {
                var Var = Vars[i].split("=");
                if (Var[0] == name) return Var[1];
            }
            return "";
        }

var id = QueryString('i');
        $.ajax({
            url: "http://www.popper.com.tw:94/api/Advertising/CategoryByAll?id=" + id,
            context: "application/json",
            success: function (data) {
                console.log(data);
                var str = '';
                $.each(data.classifiedAdsSearchs, function (index, val) {
                    str += "<tr style='background-color: #f5f5f5'>><td><a href='index3.html'><img src=" + val.ig_pic + " style='width:60px;margin:0px;'></a></td><td>" + val.i_expired_day + "</td><td>" + val.i_location1 + "</td><td>" + val.i_location2 + "</td><td>" + val.free_id + "</td><td>" + val.i_name + "</td><td>" + val.i_content + "</td></tr>";
                });
                $('#list').html(str);
            },
            error: function (err) {

}
        });

搜尋相關Tags的文章： [ jquery ] , [ ajax ] , [ post ] ,
本篇文章發表於2019-03-06 19:27

1樓

回應

迷路

第一，請在24行，也就是error時的function中指定動作，看是alert或是console.log都可以
這是協助debug的重要位置，這邊被觸發，就代表ajax的目標頁執行有問題

第二，請確認第16行的console.log顯示的內容是否與你預計的相同

第三，目前看到最明顯的錯誤，第14行的context是用來指定success的function中this指向的元素
要指定回傳格式，應該是用dataType才對

第四，一些剛好看的小問題，第19行
#f5f5f5'>><td>
多了一個>號
img src=" + val.ig_pic + " style
最好用單引號包住src的值

本篇文章回覆於2019-03-08 09:12

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

回覆

如要回應,請先登入.