亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

大家好,請問一下怎么把自己做的html頁面放到某個域下呢?(謝謝!)

老師好,同學們好。我想請問一下,這節課講的是搜索框的制作,老師在視頻中預先實現了”把自己制作的網頁放到了api.bing.com下面“請問這是怎么做到的呢?老師視頻中大致的原話如下:”如果你了解web server這個技術,你就可以使用nginx或fiddler快速搭建這么一個環境,這里我就不詳細說明怎么把這個html頁面放到api.bing.com這個域下了?!?/p>

小白一點也不懂,但這個又是這節搜索框制作的關鍵,所以請教各位老師同學了。謝謝!

正在回答

18 回答

????使用fiddler可以實現,該軟件就相當于1個代理,可以對用戶的請求和服務器的響應進行修改。我們知道如果我們請求一個服務器上不存在的文件一般是跳轉到一個404頁面,但是利用該工具就可以實現修改服務器響應的結果,呈現給用戶一個自定義的文件——我們只需要攔截服務器的響應并替換成我們自己的頁面即可。

????由于Fiddler是基于代理的工作原理,所以打開Fiddler后IE的代理就被修改成了127.0.0.1:8888,可以直接使用,其他瀏覽器Chrome或者是Firefox可能需要更改網絡代理,以Firefox為例。找到設置-->高級-->網絡-->代理配置即可,如下圖:

http://img1.sycdn.imooc.com//5595d9b10001d3b609560618.jpg

????接下來我們請求一個地址http://api.bing.com/bing_search.html,由于bing_search.html在服務器壓根不存在所以會報出404錯誤,在Fiddler中我們捕獲到了這個響應:

http://img1.sycdn.imooc.com//5595db6100010da107080123.jpg

????接下來我們將此response替換成我們的本地頁面,就實現了將我們自己的文件放在某個域:

http://img1.sycdn.imooc.com//5595dc9c0001c34313660687.jpg

????刷新瀏覽器,就可以發現我們請求的頁面不再是404錯誤了。

http://img1.sycdn.imooc.com//5595dd000001805205950366.jpg

????由于我是將樣式和js單獨寫在另一個文件中,所以還是有404錯誤,接下來按照同樣的方法替換成我們本地的資源:

http://img1.sycdn.imooc.com//5595de5200011d0206550258.jpg

????再次刷新頁面,發現網頁加載成功:

http://img1.sycdn.imooc.com//5595de910001282608360431.jpg

????控制臺沒有任何報錯信息,至此完成了將某個頁面放在特定的域解決了js的跨域請求。

參考資料:http://kb.cnblogs.com/page/130367/


20 回復 有任何疑惑可以回復我~
#1

Devisn 提問者

同學!太感謝了!謝謝你!
2015-07-10 回復 有任何疑惑可以回復我~
#2

Alienwii

感謝感謝!~ 同學好人!~
2015-07-28 回復 有任何疑惑可以回復我~
#3

慕碼人3910529

你好,老師講的是從d.AS.Results[0].Suggest獲取json內容,但是我的chrome搜索時的Preview顯示的和老師不一樣,比如我搜e Preview顯示jQuery110203889854713343084_1445336842153({"q":"e","p":false,"bs":"翻譯","csor":"1","g":[ { "q": "ems", "t": "n", "st": { "q": "ems", "new": 0 } },... 我也不知道怎么弄了。。。
2015-10-20 回復 有任何疑惑可以回復我~
#4

_瀟瀟暮雨 回復 慕碼人3910529

建議安裝chrome的插件json handle可以非常清楚地看到各個節點之間的關系。
2015-10-21 回復 有任何疑惑可以回復我~
#5

慕碼人3910529 回復 _瀟瀟暮雨

感謝,插件已安裝,可是獲取json數據的代碼部分我還是有點疑問想咨詢你,這里回復闡述字數有限制且不能貼出代碼。。。所以我把我的疑問發表到了這個樓主問題的留言處了,可以方便看一下嗎,謝謝了
2015-10-21 回復 有任何疑惑可以回復我~
#6

yushou

非常感謝啊同學。
2016-10-21 回復 有任何疑惑可以回復我~
查看3條回復

調試成功,謝謝!@ @

0 回復 有任何疑惑可以回復我~

哇塞,太感人了,萬分感激

0 回復 有任何疑惑可以回復我~

為什么我的還是不行啊

0 回復 有任何疑惑可以回復我~

http://img1.sycdn.imooc.com//57c636c80001e95113740736.jpg我這個顯示什么

0 回復 有任何疑惑可以回復我~

看不懂

0 回復 有任何疑惑可以回復我~

xiexie

0 回復 有任何疑惑可以回復我~

真棒啊

0 回復 有任何疑惑可以回復我~

真的太感謝你了 ? 謝謝 謝謝

0 回復 有任何疑惑可以回復我~

太給力了!

0 回復 有任何疑惑可以回復我~
首頁上一頁12下一頁尾頁

舉報

0/150
提交
取消
搜索框制作
  • 參與學習       66022    人
  • 解答問題       463    個

本課程從簡入深講解搜索框的制作,學習JQ與JS實現Ajax技術的不同點

進入課程

大家好,請問一下怎么把自己做的html頁面放到某個域下呢?(謝謝!)

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號