第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

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

老師好,同學(xué)們好。我想請問一下,這節(jié)課講的是搜索框的制作,老師在視頻中預(yù)先實(shí)現(xiàn)了”把自己制作的網(wǎng)頁放到了api.bing.com下面“請問這是怎么做到的呢?老師視頻中大致的原話如下:”如果你了解web server這個(gè)技術(shù),你就可以使用nginx或fiddler快速搭建這么一個(gè)環(huán)境,這里我就不詳細(xì)說明怎么把這個(gè)html頁面放到api.bing.com這個(gè)域下了。“

小白一點(diǎn)也不懂,但這個(gè)又是這節(jié)搜索框制作的關(guān)鍵,所以請教各位老師同學(xué)了。謝謝!

正在回答

18 回答

????使用fiddler可以實(shí)現(xiàn),該軟件就相當(dāng)于1個(gè)代理,可以對用戶的請求和服務(wù)器的響應(yīng)進(jìn)行修改。我們知道如果我們請求一個(gè)服務(wù)器上不存在的文件一般是跳轉(zhuǎn)到一個(gè)404頁面,但是利用該工具就可以實(shí)現(xiàn)修改服務(wù)器響應(yīng)的結(jié)果,呈現(xiàn)給用戶一個(gè)自定義的文件——我們只需要攔截服務(wù)器的響應(yīng)并替換成我們自己的頁面即可。

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

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

????接下來我們請求一個(gè)地址http://api.bing.com/bing_search.html,由于bing_search.html在服務(wù)器壓根不存在所以會報(bào)出404錯(cuò)誤,在Fiddler中我們捕獲到了這個(gè)響應(yīng):

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

????接下來我們將此response替換成我們的本地頁面,就實(shí)現(xiàn)了將我們自己的文件放在某個(gè)域:

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

????刷新瀏覽器,就可以發(fā)現(xiàn)我們請求的頁面不再是404錯(cuò)誤了。

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

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

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

????再次刷新頁面,發(fā)現(xiàn)網(wǎng)頁加載成功:

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

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

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


20 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Devisn 提問者

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

Alienwii

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

慕碼人3910529

你好,老師講的是從d.AS.Results[0].Suggest獲取json內(nèi)容,但是我的chrome搜索時(shí)的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 回復(fù) 有任何疑惑可以回復(fù)我~
#4

_瀟瀟暮雨 回復(fù) 慕碼人3910529

建議安裝chrome的插件json handle可以非常清楚地看到各個(gè)節(jié)點(diǎn)之間的關(guān)系。
2015-10-21 回復(fù) 有任何疑惑可以回復(fù)我~
#5

慕碼人3910529 回復(fù) _瀟瀟暮雨

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

yushou

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

調(diào)試成功,謝謝!@ @

0 回復(fù) 有任何疑惑可以回復(fù)我~

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

為什么我的還是不行啊

0 回復(fù) 有任何疑惑可以回復(fù)我~

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

看不懂

0 回復(fù) 有任何疑惑可以回復(fù)我~

xiexie

0 回復(fù) 有任何疑惑可以回復(fù)我~

真棒啊

0 回復(fù) 有任何疑惑可以回復(fù)我~

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

太給力了!

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

舉報(bào)

0/150
提交
取消
搜索框制作
  • 參與學(xué)習(xí)       66018    人
  • 解答問題       463    個(gè)

本課程從簡入深講解搜索框的制作,學(xué)習(xí)JQ與JS實(shí)現(xiàn)Ajax技術(shù)的不同點(diǎn)

進(jìn)入課程

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

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號