背景:昨天头脑发热投了某一家国企的计算机类岗位(说是有前端岗位),通过找同学内推,虽然也笔试了一大堆题目(行测题,计算机网络,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. Mac下使用Brew搭建PHP(LNMP/LAMP)开发环境

    Mac下搭建lamp开发环境很容易,有xampp和mamp现成的集成环境.但是集成环境对于经常需要自定义一些配置的开发者来说会非常麻烦,而且Mac本身自带apache和php,在brew的帮助下非常容 ...

  2. %c输入应注意的问题

    for(i=0;i<n;i++) { getchar(); scanf("%c",&str[i]); } 这样输入是错的 的这样输入 for(i=0;i<n;i ...

  3. react中常用的一些方法

    React.createClass:创建一个ReactClass(组件类),参数是一个对象且必须带有 render 属性方法,该方法必须返回一个封闭的容器(容器内可以有其它不限结构的容器)或 null ...

  4. JS之ONLoad事件

    如果我问你window.load和window.onload分别是什么意思,恐怕你会回答我:“这不是页面加载完就执行吗”. 但是答案是不一定,得看你怎么用.看一下例子吧 例1: <!DOCTYP ...

  5. 《微信小程序七日谈》- 第六天:小程序devtool隐藏的秘密

    <微信小程序七日谈>系列文章: 第一天:人生若只如初见: 第二天:你可能要抛弃原来的响应式开发思维: 第三天:玩转Page组件的生命周期: 第四天:页面路径最多五层?导航可以这么玩: 第五 ...

  6. easyui treegrid实现显示checkbox并能获取到选定值的

    闲聊: 小颖最近忙疯了,经常被加班,昨天都要下班了,又提了个需求,虽然写的代码不多只有几行,可是测试环境很难跑通,一会就ie崩溃了,所以弄得小颖最近老是头晕. 也不知道最近是怎么了,一向特别爱吃的小颖 ...

  7. SQLite:自学笔记(1)——快速入门

    SQLite的安装和入门 了解 啥是SQLite? SQLite是一种轻巧迷你的关系型数据库管理系统.它的特点如下: 不需要一个单独的服务器进程或操作的系统(无服务器的). SQLite 不需要配置, ...

  8. 史上最牛逼的文件bom头清除代码,万能检测清除php,js等等

    做php开发,经常部分uft8的php文件因BOM头不同导致各种错误和错位.网上搜到的大部分所谓的去处bom工具都是2货,没有能用的.下面的一段代码,请复制到一个php文件里,然后上传到你的网站根目录 ...

  9. Omi教程-组件

    组件 Omi框架完全基于组件体系设计,我们希望开发者可以像搭积木一样制作Web程序,一切皆是组件,组件也可以嵌套子组件形成新的组件,新的组件又可以当作子组件嵌套至任意组件形成新的组件... 简单组件 ...

  10. 读书笔记 effective c++ Item4 确保对象被使用前进行初始化

    Item4 确保对象被使用前进行初始化 C++在对象的初始化上是变化无常的,例如看下面的例子: Int x; 在一些上下文中,x保证会被初始化成0,在其他一些情况下却不能够保证.看下面的例子: Cla ...