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

    关于Android的Activity运行流程,我们可以写一些程序来直观的查看Activity的运行流程.在这里我们使用Log工具来获取Activity运行日志.假如我们新建一个Android项目,Pr ...

  2. javascript 简单工厂

    function detail() { this.imgArr = []; this.codeArr = []; } detail.prototype.addimg = function(img) { ...

  3. Java split字符串中包含.的情况

    "a.b".split(".")的语句会返回[],必须进行转义, "a.b".split("\\.")

  4. 制作一个功能丰富的Android天气App

    简易天气是一个基于和风天气数据采用MD设计的Android天气App.目前的版本采用传统的MVC模式构建.通过丰富多彩的页面为用户提供日常所需的天气资讯. 项目说明 项目放在github上面 地址是: ...

  5. Android 隐藏软键盘

    隐藏软键盘 public void hideSoftInputView() { InputMethodManager manager = ((InputMethodManager) this.getS ...

  6. Win下 MySQL数据库安装与配置详解

    第一步 从官网下载安装包 (本次只写安装版的32位的mysql) 1. https://www.mysql.com/downloads/ 下载的官网地址 一直滑到最下面 然后点第一个 然后选第一个 这 ...

  7. seq语句随笔

    1.UNION在进行表链接后会筛选掉重复的记录,所以在表链接后会对所产生的结果集进行排序运算,删除重复的记录再返回结果. 2.UNION ALL只是简单的将两个结果合并后就返回.这样,如果返回的两个结 ...

  8. linq左连接查询加上into后怎么查询右表是否为空

    //判断右表是否为空并为映射表进行赋值标志var query=from q in product join m in favProduct on q.Name equals m.Name into t ...

  9. 图片上传裁剪zyupload

    图片上传控件用的是zyupload控件,使用过程中遇到了一些问题,特别记录下来 上图是目前的使用效果,这个控件我是用js代码动态添加出来的 HTML代码: <div class="wi ...

  10. 11g默认审计选项

    [注:参考了maclean的网文]11g默认审计选项AUDIT_TRAIL参数的缺省值为DB,审计数据记录在数据库中的AUD$审计字典基表上.在11g中CREATE SESSION将被作为受审计的权限 ...