亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Js腳本適用于桌面但不適用于移動設備

Js腳本適用于桌面但不適用于移動設備

GCT1015 2023-06-09 17:36:30
所以 js 代碼從本地 api 獲取 json 數據并以表格格式顯示數據,在桌面上一切正常,但在移動設備上不顯示任何數據。我嘗試了一切,但這個 js 代碼有問題。我不明白出了什么問題,html 頁面的其余部分在移動設備上加載得很好。我應該對代碼進行任何更改嗎?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 回答

?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

localhost是一個主機名,指的是當前用來訪問它的計算機。所以在你的手機上,沒有localhost.

您可以ngrok在安裝后使用,如下所示,

ngrok http 80


查看完整回答
反對 回復 2023-06-09
?
四季花海

TA貢獻1811條經驗 獲得超5個贊

當您制作服務器并從另一臺設備使用它時,請使用內部 ip 來192.168.1.X指向它。

示例:在同一網絡中,您使用臺式機和手機,臺式機有內部 ip192.168.1.2而您有電話192.168.1.3。

所以當你使用getUrl函數時:

function getUrl(start = 0) {
    return 'http://192.168.1.2/login_registration_system_LAMP/api.php';
}

而且...如果您的電話不在同一網絡中,那么您需要使用其他工具,如“noIp”、ngrok 等...

提示:

CORS 怎么樣?好吧,如果你不發送 cors 標頭,你的手機就無法使用你的 API。請檢查這個:

 header("Access-Control-Allow-Origin: *");


查看完整回答
反對 回復 2023-06-09
  • 2 回答
  • 0 關注
  • 177 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號