为了账号安全,请及时绑定邮箱和手机立即绑定

大家好,请问一下怎么把自己做的html页面放到某个域下呢?(谢谢!)

老师好,同学们好。我想请问一下,这节课讲的是搜索框的制作,老师在视频中预先实现了”把自己制作的网页放到了api.bing.com下面“请问这是怎么做到的呢?老师视频中大致的原话如下:”如果你了解web server这个技术,你就可以使用nginx或fiddler快速搭建这么一个环境,这里我就不详细说明怎么把这个html页面放到api.bing.com这个域下了。“

小白一点也不懂,但这个又是这节搜索框制作的关键,所以请教各位老师同学了。谢谢!

正在回答

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
提交
取消
搜索框制作
  • 参与学习       66041    人
  • 解答问题       431    个

本课程从简入深讲解搜索框的制作,学习JQ与JS实现Ajax技术的不同点

进入课程

大家好,请问一下怎么把自己做的html页面放到某个域下呢?(谢谢!)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信