背景:昨天头脑发热投了某一家国企的计算机类岗位(说是有前端岗位),通过找同学内推,虽然也笔试了一大堆题目(行测题,计算机网络,http协议,英译汉,古诗文默写,自己把品质排序并且进行200字以上的阐述等)并且有幸通过了笔试(可能是我同学是实习hr的关系)。

先在等候室等了大概俩小时,终于等到我们组进入了面试室,因为自己是自己组的最后一位,所以可以听到前面同学的面试问题(比如说:怎么将css导入到html文件中?怎么在html文件中导入js文件等诸如此类的问题,剩下的就是数据库方面的问题下面再聊)我一听,这么简单,但是前面的人回答的好像都不太理想,恨不得自己马上上去把这些问题都给回答了,大概经历了又半个小时的等待,终于等到我了,先是进行了1分钟的自我介绍之后,并且明确了自己比较擅长的是web前端方向,其他技术由于是计算机缘故的问题,也是略有涉猎,然后上来直接第一个问题就是 :你用js做过什么?(我就说了一些实现的网页特效的插件什么的(图片轮转、二级导航菜单、js更改网页的样式实现网页皮肤更改、计时器、抽奖器、通过js中的Dom API实现获取文本框数据并用正则进行验证等一系列小玩意)),

然后就是本文要说的主题了(如何用js把一个页面的数据传输到另一个页面)我首先想了一下自己之前传输数据时都是用Ajax+Json传输数据到服务器,然后通过服务器传送到另一个页面上,并且提出了(两个页面是否在同一域名下,是否让我用跨域实现),然后面试官一脸蒙B的看着我问我跨什么?然后我一看情况好像不太对,好像面试官不是主要做前端方向的(就像事先背好了题和答案的那种感觉),然后我就说了一大堆原生js实现ajax传输数据的内容(包括先定义js先定义XMLHttprequest对象,open,send,把要传输数据写成Json类型,用send传输过去,并且用onreadystatechange进行是否传输成功,并且可以跟后台先做好传输时的约定)然后就感觉自己都佩服自己了,谁知道面试官直接来了一句我就让你使用js实现(我的心顿时凉了一半,我用js都把Ajax实现了,并且没有像之前自己做时用jQuery库)只好说自己实现不了,然后就被一个专门做数据库(为什么知道他是做数据库的呢,后面再说)的给鄙视了。剩下了一部分就是回答一些简单的问题了(比如说,你最喜欢的学科,考的最好的学科)我就进行了回答并且阐述了原因,然后就被他在成绩单上瞅见我学oracle数据库了,然后有开始了数据库的更多的轰炸了。

福利:来顺便学习一下oracle方面的知识

你oracle数据库怎么样?(答:不太擅长。)不是你专业课吗?(答:我两年前学的。)安装过oracle库吗?(答:安装过。)怎么安装的?默认安装还是自定义?(仔细想了一下答:两年前按的,好像是oracle 11g 我也记不太清了,只是点下一步,和选择安装目录,设置用户权限。)数据库有哪五个模块?(想了一下,只知道设置远程连接哪一个,就答了:不知道。)默认生成的两个用户?(答:一个system,一个是一个外国人的名字,当时确实想不起来了,后来看书才知道是scott。)如何建一个表?(答:用creat table 表名。 )之前要做什么工作?(当时想了很久才想到了,要先获的dba权限,当时说的是用system用grant命令将建表的权限给自己登陆的用户)。数据库表数据类型?(答:varchar,varchar2,number,blob等)之后就问varchar2可以存多少字节数据(答:48个字节,后来才知道是4000个字节。)

然后说今天就到这吧,就结束了,感觉自己面试了假的web前端方向,面了一场数据库工程师。

走出来之后心情很不好,反思自己,终于找到了面试官真正”想要的“那道题的答案(划重点了):

假设有a.html和b.html两个文件:

通过url传参

1> 把a.html中的数据传入到b.html文件层中

  <div id = "s"></div>
<script>
window.location.href = "a.html?id=100";
document.getElementById("s").innerHTML = window.location.split('?')[1];
<script>

2>用Ajax在b.html页面传参到b页面,并且在b.html页面的层显示a.html页面执行参数

1.

<div id = "a"> </div>
$("a").load("a.html?id=100");

2.

$.get("a.htm?id=100",function(data){
$.("#a").html(data);
});

前端入坑新手,技术差,如有错误,请指正。

ps:写博客时突然收到了二面通知。。。。

Javascript把数据从一个页面的层传递到另一个页面层里面的更多相关文章

  1. js实现把一个页面层数据传递到另一个页面

    由于之前面试,被问到过此问题,所以今天特意整理了一下.由于自己技术水平有限,若存在错误,欢迎提出批评. 本博客整理了两种方式从一个页面层向另一个页面层传递参数. 一. 通过cookie方式 1. 传递 ...

  2. JS实现把一个页面层数据传递到另一个页面的两种方式

    本博客整理了两种方式从一个页面层向另一个页面层传递参数. 一. 通过cookie方式 1. 传递cookie页面的html,此处命名为a.html 请输入用户名和密码: <input id=&q ...

  3. 控制层传递参数到jsp页面,jsp页面进行接收

    在java代码中,控制层方法如下(采用model,还有其他方式) public String mysave(MyTreeMould myTreeMould, Model model) {...... ...

  4. 一个尖括号能干什么,画一个笑脸开始(为了支持交互,它又增添了JavaScript。HTML页面也越来越臃肿。于是CSS便诞生了。API和核心代码的出现使HTML能够访问更复杂的软件功能--支持更高级的交互和云服务集成。这就是今天的HTML5)

    一个尖括号 < 一个尖括号能干什么 < ? 你可以编出一顶帽子 <(:-p 或一张笑脸 :-> 再或者更直接一些 20世纪90年代初,html作为一种简单标记语言面世,用于在互 ...

  5. JavaScript一个页面中有多个audio标签,其中一个播放结束后自动播放下一个,audio连续播放

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 在页面中添加两个 <select> 标签,用来显示年份和月份;同时添加两个 <ul> 标签,一个用来显示星期,另一个用来显示日期 在 JavaScript 脚本中动态添加年份和月份,获取当前日期的年份

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 Date 对象,在页面上显示一个万年历.选择不同的年份和月份,在页面中显示当前月的日历 实现思路: 在页面中添加两个 <s ...

  7. 自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

    闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分 ...

  8. layer子层给父层页面元素赋值,以达到向父层页面传值的效果

    父层: jsp中: //页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面 <input type="hidden" id="get ...

  9. 我的第一个python web开发框架(18)——前台页面与接口整合

    由于我们前后台系统没有分开,所以前台页面调用接口时,可以直接使用后台管理系统已经完成的接口,不过后台管理系统接口的访问加上了登录验证,所以需要将前台要用到的接口进行处理,让它们设置到白名单当中 我们打 ...

随机推荐

  1. swift 定位 根据定位到的经纬度转换城市名

    好久没写随笔了   最近这段时间项目有点紧  天天在加班  国庆 一天假都没放  我滴娃娃   好啦  牢骚就不发了  毕竟没有什么毛用    待我那天闲了专门写一篇吐槽的随笔  

  2. ora-04031

    诊断并解决ORA-04031 错误 当我们在共享池中试图分配大片的连续内存失败的时候,Oracle首先清除池中当前没使用的所有对象,使空闲内存块合并.如果仍然没有足够大单个的大块内存满足请求,就会产生 ...

  3. ASP.NET速度优化

    用过ASP.NET的人都知道吧,页面首次打开很慢,本来网站第一次启动就慢,但别的页面如果没有访问过的第一次访问也会慢. 原因:asp.net程序第一次运行需要验证数字签名,这个验证需要远程连接微软服务 ...

  4. Canvas scale- 缩放

    可以进行坐标缩放,设为负值可以翻转图片: <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  5. Gdb远程调试Linux内核遇到的Bug

    知识共享许可协议本作品采用知识共享署名 4.0 国际许可协议进行许可.转载保留声明头部与原文链接https://luzeshu.com/blog/gdb-bug 本博客同步在http://www.cn ...

  6. PariticalFilter在MFC上的运行,源代码公开

    由于项目需要,进行过一段时间的 PariticalFilter 研究.主要的工作就是将网络上的Console代码和Mfc融合在一起,并且添加了Mfc端的控制功能.       程序还有不完善的地方,现 ...

  7. (一)Lua脚本语言入门

    今天开始自己的Lua语言学习,Lua脚本语言,是介于应用程序和开发其应用程序的底层编程语言之间,,它很方便调用其它语言,它只是在载入时对其进行编译,而不像我们写的单片机程序是预编译的,先编译好然后写入 ...

  8. Objective-c runtime方法替换引发的死循环

    在OC中: API: class_addMethod往一个Class里添加method API: class_getInstanceMethod或class_getClassMethod可以判断某个S ...

  9. 蓝桥网试题 java 基础练习 查找整数

    --------------------------------------------------------------------- 注意看清楚条件 别漏了 -1 -1 -1 --------- ...

  10. WAS缓存导致的修改文件不生效问题【转】

    WAS缓存导致的修改文件不生效问题: 解决方法: 一. 修改web.xml文件,需要修改以下三个目录下的文件: 1. /opt/IBM/WebSphere/AppServer/profiles/Dmg ...