GCT1015
2023-06-09 17:36:30
所以 js 代碼從本地 api 獲取 json 數(shù)據(jù)并以表格格式顯示數(shù)據(jù),在桌面上一切正常,但在移動設(shè)備上不顯示任何數(shù)據(jù)。我嘗試了一切,但這個 js 代碼有問題。我不明白出了什么問題,html 頁面的其余部分在移動設(shè)備上加載得很好。我應(yīng)該對代碼進(jìn)行任何更改嗎?function getUrl(start = 0) {? ? return 'http://localhost/login_registration_system_LAMP/api.php';}function getData(url)?{? ? fetch(url)? ? ? ? .then(response => response.json())? ? ? ? .then(data => loadDataIntoTable(data))? ? ? ? .catch(err => console.log(err));}function loadDataIntoTable(data) {? ? let coinprodName = [];? ? let coinprice = [];? ? let coinper = [];? ? let coinPerson = [];? ? let coinphone = [];? ? let coinsize = [];? ? let coinbrand = [];? ? let coinspecial = [];? ? let coinlife = [];? ? let coinmoq = [];? ? data.forEach((coin) => {? ? ? ? coinprodName.push(coin.product_name);? ? ? ? coinprice.push(coin.price);? ? ? ? coinper.push(coin.per);? ? ? ? coinPerson.push(coin.person_name);? ? ? ? coinphone.push(coin.phone);? ? ? ? coinsize.push(coin.size);? ? ? ? coinbrand.push(coin.brand);? ? ? ? coinspecial.push(coin.special);? ? ? ? coinlife.push(coin.life);? ? ? ? coinmoq.push(coin.moq);? ? });? ? let tableBody = document.getElementById('crypto-table-body');? ? let html = "";? ? for(let i = 0; i < coinmoq.length; i++) {? ? ? ? html += "<tr>";? ? ? ? html += "<td>" + coinprodName[i] + "</td>";? ? ? ? html += "<td>" + coinprice[i] + "</td>";? ? ? ? html += "<td>" + coinper[i] + "</td>";? ? ? ? html += "<td>" + coinPerson[i] + "</td>";? ? ? ? html += "<td>" + coinphone[i] + "</td>";? ? ? ? html += "<td>" + coinsize[i] + "</td>";? ? ? ? html += "<td>" + coinbrand[i] + "</td>";? ? ? ? html += "<td>" + coinspecial[i] + "</td>";? ? ? ? html += "<td>" + coinlife[i] + "</td>";? ? ? ? html += "<td>" + coinmoq[i] + "</td>";? ? ? ??? ? ? ??? ? ? ? html += "</tr>";? ? }? ? tableBody.innerHTML = html;}function init() {? ? const url = getUrl();? ? getData(url);}init();
2 回答

呼啦一陣風(fēng)
TA貢獻(xiàn)1802條經(jīng)驗 獲得超6個贊
localhost
是一個主機(jī)名,指的是當(dāng)前用來訪問它的計算機(jī)。所以在你的手機(jī)上,沒有localhost
.
您可以ngrok
在安裝后使用,如下所示,
ngrok http 80

四季花海
TA貢獻(xiàn)1811條經(jīng)驗 獲得超5個贊
當(dāng)您制作服務(wù)器并從另一臺設(shè)備使用它時,請使用內(nèi)部 ip 來192.168.1.X
指向它。
示例:在同一網(wǎng)絡(luò)中,您使用臺式機(jī)和手機(jī),臺式機(jī)有內(nèi)部 ip192.168.1.2
而您有電話192.168.1.3
。
所以當(dāng)你使用getUrl
函數(shù)時:
function getUrl(start = 0) { return 'http://192.168.1.2/login_registration_system_LAMP/api.php'; }
而且...如果您的電話不在同一網(wǎng)絡(luò)中,那么您需要使用其他工具,如“noIp”、ngrok 等...
提示:
CORS 怎么樣?好吧,如果你不發(fā)送 cors 標(biāo)頭,你的手機(jī)就無法使用你的 API。請檢查這個:
header("Access-Control-Allow-Origin: *");
添加回答
舉報
0/150
提交
取消