• home > webfront > ECMAS > javascript >

    从获取URL参数到JS URL()和URLSearchParams() 接口

    Author:zhoulujun Date:

    获取url的search 参数,之前一种是循环切片,一种是政策匹配。如今JS URL()和URLSearchParams() API 都可以获取参数。那么这个连个又有什么不同呢?

    之前写过《js对replace函数的正则表达式深层次运用!

    获取URL参数有有2中,一直是split 切片,一种是正则表达式匹配。这个是传统方法。

    如今URL新接口有2种方法获取url参数

    URL API获取参数

    new URL('

    具体参看:https://developer.mozilla.org/en-US/docs/Web/API/URL/URL

    URLSearchParams API获取参数

    onst searchParams = new URLSearchParams("name=value1&key2=value2");
    let name = searchParams.get("name"); // is the string "Jonathan"
    // Display the key/value pairs
    for (const [key, value] of searchParams.entries()) {
      console.log(`${key}, ${value}`);
    }

    具体参看:https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams


    这个连个具体怎么用,可以参看:

    JS URL()和URLSearchParams() API接口详细介绍 https://www.zhangxinxu.com/wordpress/2019/08/js-url-urlsearchparams/

    大佬写的太详细,没有必要讲了。


    转载本站文章《从获取URL参数到JS URL()和URLSearchParams() 接口》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/ECMAScript/js/2020_0521_8937.html