|搜索页面的前端代码分析( 二 )


③对page的处理
这行代码简直就是js中的特色代码 , 我想了好一会儿才反应过来 。
search.page例子中page为1 , 但是其为字符串 , 所以要将其转换成数字 , 这很好理解 。
关键是如果没有page这个参数 , 默认page为1 , 所以使用逻辑运算“或”与1拼接可以实现 。
js中可以把数字当成布尔值使用 , 但是这在Java中肯定是不行的 。
附:判断参数为空时的情况
我们可以观察下像淘宝京东这样的电商网站 , 如果Url中的参数为空时会怎样:

  • 京东是出现提示消息 , 提示没有找到商品 。
  • 淘宝是直接重新跳转搜索页面 。
总之这种情况是不允许的 , 所以要做判断 , 当然上述代码中我只是写了一个警示框 。
三、测试可以在浏览器中做一个的测试 。
同时对字符串与json对象之间转换的方法简单地做一个说明 。
①location.search
获取的值就是请求路径中的参数 。
②location.search.substring(1)
将请求路径中的问号去掉 。
③parse方法
parse方法将json字符串转换成json对象 。
④stringify方法
stringify方法刚好反过来 , 是将json对象转换成json字符串 。
以上就是对搜索前端页面的一个说明 。
在上述代码中我只是定义了一个请求方法loadData , 在生命周期钩子函数created中直接调用了该方法 。
但是其具体发送请求的代码还未编写完成 , 明天补充完成 。
最后行有不得反求诸己 , 我是@刘小爱
一个白天上班晚上学习的95后沪漂 , 不为其它 , 只为学会自律做好自己 , 也愿我的每日打卡能给你带来勇气 , 欢迎点赞关注和评论 。