html中如何通过超链接的锚标签(<a href>)传递请求参数?

html中如何通过超链接的锚标签(<a href>)传递请求参数?,第1张

用问号和&符号带值啊,比如这个例子

<a href="http://www.ttjsyyq.com/product/products.asp?second_id=3002">锚标签</a>

?后面的second_id=参数,可以到下个页面接收second_id传过来的值,也就是3002

asp接收是这样写的

second_id=Request.QueryString("second_id")

response.write(second_id)

那么输入就会显示3002

<a href="a.html?param=value&param1=value1&param2=value2">超链接</a>

如上代码a.html是需要连接的地址。后面紧接着"?"第一个参数名称"param"=参数值"value"&第二个参数名称"param1"=第二个参数值"value1"依次类推,有多少个参数写上多少个参数及参数值。需要注意的是除开第一个参数前面需要用"?"表示是参数开始之外其它参数用"&"相连。

在a.html中获取值可以通关window.location.href来获取。

下面是例子

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript">

        /**

         * 获取参数的键值对对象。

         * @returns {Object}

         */

        var getParam = function () {

            try{

            var url = window.location.href

            var result = url.split("?")[1]

            var keyValue = result.split("&")

            var obj = {}

            for (var i = 0 i < keyValue.length i++) {

                var item = keyValue[i].split("=")

                obj[item[0]] = item[1]

            }

            return obj}catch(e){

                console.warn("There has no param value!")

            }

        }

        /**

         * 页面加载完毕打印键值对对象

         */

        window.onload = function () {

            console.log(getParam())

        }

    </script>

</head>

<body>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11515198.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存