背景:昨天头脑发热投了某一家国企的计算机类岗位(说是有前端岗位),通过找同学内推,虽然也笔试了一大堆题目(行测题,计算机网络,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. HDU1848-Fibonacci again and again

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=1848 这个题目代码不是很复杂,但那个等价类,(SG函数)没怎么理解, 题目难,不过代码不怎么复杂,在网 ...

  2. 界面编程与视图(View)组件

    一.视图组件与容器组件 Android应用的绝大部分UI组件都放在android.widget包及其子包.android.view包及其子包中,Android应用的所有UI组件都继承了View类. V ...

  3. hadoop学习笔记--集群搭建

    注:大家常说的ssh其实就是一个免密码访问的东西,为了简化操作的,不用每次访问其他节点重新输入密码.但是要想配置如下: .在每台机器上执行 ssh-keygen -t rsa,连敲三次回车键(即设置空 ...

  4. iReport默认参数和变量的含义解析【转】

    iReport默认参数和变量的含义解析[转] http://uule.iteye.com/blog/775338 参考:http://blog.csdn.net/terryzero/article/d ...

  5. 细数JDK里的设计模式

    原文出处: javacodegeeks   译文出处:deepinmind 这也是篇老文了,相信很多人也看过.前面那些废话就不翻译了,直接切入正题吧~ 结构型模式: 适配器模式: 用来把一个接口转化成 ...

  6. jquery 全选 全不选 事件绑定

    <td width="82%" colspan="3"><input type="checkbox" id="a ...

  7. [Linux] 使用openssl实现RSA非对称加密

    简单定义:公钥和私钥,加密和解密使用的是两个不同的密钥,所以是非对称 系统:ubuntu 14.04 软件:openssl java php 生成公钥私钥 使用命令生成私钥: openssl genr ...

  8. 微信小程序教程(第二篇)

    如何注册接入小程序及搭建开发环境 小程序接入流程 注册 主要分为注册邮箱与信息登记. 需要重新申请一个新的微信公众帐号,不能使用服务号.订阅号或企业号使用的公众帐号 (微信公众帐号分为四种类型:订阅号 ...

  9. thinkjs之页面跳转

    对于刚入手thinkjs项目的新手来说,时常会犯的一个错误就是“混用”各种代码逻辑,比如:我们经常在做后台管理系统的时候用到的登录框,,其实它原本是有一个路由专门存放自己的代码逻辑,而在点击提交按钮的 ...

  10. 技巧收集-W1701

    2017.02 For Flask, to use the decorator, apply it as innermost decorator to a view function. When ap ...