Javascript把數據從一個頁面的層傳遞到另一個頁面層里面


       背景:昨天頭腦發熱投了某一家國企的計算機類崗位(說是有前端崗位),通過找同學內推,雖然也筆試了一大堆題目(行測題,計算機網絡,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文件層中

 

1  <div id = "s"></div>
2  <script>
3         window.location.href = "a.html?id=100";
4         document.getElementById("s").innerHTML = window.location.split('?')[1];
5 <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:寫博客時突然收到了二面通知。。。。

 

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM