URLSearchParams & GET Query String & JSON

https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

http://m.beta.xgqfrms.xyz/ticket/ticket-purchase-notice.html?ts=1579229812&productId=562

window.location.search;
//"?ts=1579229812&productId=562"

const searchParams = new URLSearchParams(window.location.search);


searchParams.get("productId");
// "562"

bug (iOS 上的 webview 自動添加 timestamp 導致，URL 查詢字符串，截取 id 錯誤)

query string 截取錯誤

/ticket/ticket-purchase-notice.html?ts=1579229812&productId=562

// Bad js

    init() {
      const spuId = window.location.search.slice(11);
      // this.$router.query
      // log(`spuId =`, window.location.search, this.$route);
      this.fetchTemplate(spuId);
      // this.datas = htmlData;
    },

OK

/ticket/ticket-purchase-notice.html?productId=562

---

Webkit Webview

猜測 iOS 在 內嵌webview頁面時，url后面加了時間戳是因為這個吧⬆️？

---

Hash

http://lc.op.beta.xgqfrms.xyz:3010/#/activity-zwy-spu/89815?xxxx=yyy

        // const searchParams = new URLSearchParams(window.location.search);
        // searchParams.get("productId");
        // hash: "#/activity-zwy-spu/71364"
        const spuId = this.activityId || window.parent.location.hash.slice(19) || ``;

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 發布文章使用：只允許注冊用戶才可以訪問！

---