js里拼写html

最新推荐文章于 2019-08-02 16:42:33 发布

chixuanli0216

最新推荐文章于 2019-08-02 16:42:33 发布

阅读量340

点赞数

文章标签： java javascript ViewUI

原文链接：https://my.oschina.net/u/3883702/blog/1863336

版权

比较开心的是，在我改完各种错误认认真真弄好提交以后，后台小哥哥终于露出来和善的微笑，特此记录一下写js中的小细节，防止以后再因为这些小问题再次交锋

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

    <div class="list">
        <div class="item ">
            <span>生日</span>
            <input id="birthday" class="time" type="text" placeholder="请选择日期">
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            var id = getUrlParam("id"); //这个是我的id（也可以起别的名字） = 拼写的html里面的id（页面加载的后面的id）
            $.ajax({
                    type: "get", //暂未懂，敬请期待
                    url: BASE_URL + "/building/detailsMore", //url问后台小哥哥要
                    data: {
                        "id": id //我的id就是上面的那个id： 跟后台小哥哥的id （前后台连接的暗号！！）
                    },
                    xhrFields: {
                        withCredentials: true
                    }, //暂未懂，敬请期待
                    success: function (data) { //里面可以写data也可以是其他的，反正在后面老是用
                        var str = ""; //定义str
                        for (var i = 0; i < data.data.length; i++) {
                            //是个循环 data是固定的.data是上面的 也可以定义个 var ele = data.data;
                            str += '<div class="item ">' +
                                '<span>' + data.data.length + '</span>' +
                                '<input id="birthday" class="time" type="text" placeholder="请选择日期">' +
                                '</div>'; //要用单引号引
                        }
                        $(.list).html(); //写在循环外面！！！					 
                    }
                }
            });
        //如果里面有返回按钮要返回到上一个页面需要这样写 要写在ajks外面，写在function里面
        $("#birthday").click(function () { //假如是点这个input框
            history.back();
        });
        });
        //带着id跳转页面
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg); //匹配目标参数
            if (r != null) return unescape(r[2]);
            return null; //返回参数值
        }
        $(".list").on("click", ".items", function () { //在点击这个的时候跳转到别的页面
            var id = escape($(this).attr("id")); //获取id
            alert(id); //在页面网址上显示id
            var url = "../ceshi/index.html?id=" + id; //带着id跳转到指定的html
            window.location.href = url; //显示指定的页面
        }）；
        });
    </script>

</body>

</html>

后续还会补充。。。。

转载于:https://my.oschina.net/u/3883702/blog/1863336

chixuanli0216

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js里拼写html

比较开心的是，在我改完各种错误认认真真弄好提交以后，后台小哥哥终于露出来和善的微笑，特此记录一下写js中的小细节，防止以后再因为这些小问题再次交锋<!DOCTYPE html><html><head> <meta charset="ut...
复制链接

扫一扫