a标签跳转页面传参问题

版权声明:虽然我很菜,但我在努力! https://blog.csdn.net/qq_39331713/article/details/85130025

在一个html页面想要跳转到另一个html页面,并且想要传递参数过去。该怎么办?

解决办法:

直接跳转好像不行,因为我的事web项目,所以我通过Controller方法里面实现。

知道怎么直接跳转可以告诉我一下。

第一步:

<a href='/spot/detail?id=" + item.Id + "'></a>

 item.Id是我从后台获取的数据。

第二步: 

@RequestMapping(value={"/detail"},method= RequestMethod.GET)
public String toScenicSpotDetailPage(HttpServletRequest request){
    String id=request.getParameter("id");
    return "page/showSpotDetail";
}

这里使用了 request.getParameter("id")来获取参数值。

第三步:

<script type="text/javascript">
    //sArgName表示要获取哪个参数的值
    function GetArgsFromHref(sArgName)
    {
        var sHref = window.location.href;
//CuPlayer.com提示:测试数据
//实际情况是用window.location.href得到URL
        alert(sHref);
        var args = sHref.split("?");
        var retval = "";
        if(args[0] == sHref) /*参数为空*/
        {
            return retval; /*CuPlayer.com提示:无需做任何处理*/
        }
        var str = args[1];
        args = str.split("&");
        for(var i = 0; i < args.length; i++ )
        {
            str = args[i];
            var arg = str.split("=");
            if(arg.length <= 1) continue;
            if(arg[0] == sArgName) retval = arg[1];
        }
        //return retval;
        alert(retval);
    }

</script>

写了个js方法处理URL,获取参数。 

最后看一下效果:

<input type="button" value="参数" onclick="GetArgsFromHref('id');" />

 

虽然是实现了,但是我很懵,明明我后台只是简单地获取了一下参数,并没有做处理,但就是神奇的传过来了。 

我真的很懵,望大神指教。

猜你喜欢

转载自blog.csdn.net/qq_39331713/article/details/85130025