javascript開(kāi)發(fā)中jsonp跨域請(qǐng)求是什么意思？什么叫跨域？為什么用jsonp？

跨域是JavaScript出于安全方面的考慮，不允許瀏覽器在當(dāng)前訪問(wèn)的域名的頁(yè)面中的javascript的調(diào)用其他域名頁(yè)面中的對(duì)象。

祁東ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！

跨域請(qǐng)求就是為了解決禁止跨域訪問(wèn)的問(wèn)題。

用jsonp的原因是json是javascript中的對(duì)象，而跨域訪問(wèn)中有圖片、css、javascript腳本文件等是不限制，因此你可以在頁(yè)面渲染時(shí)動(dòng)態(tài)在script標(biāo)簽設(shè)置src路徑，而這個(gè)路徑返回回來(lái)的就是json對(duì)象。

什么是javascript跨域訪問(wèn)

JavaScript出于安全方面的考慮，不允許跨域調(diào)用其他頁(yè)面的對(duì)象。但在安全限制的同時(shí)也給注入iframe或是ajax應(yīng)用上帶來(lái)了不少麻煩。這里把涉及到跨域的一些問(wèn)題簡(jiǎn)單地整理一下：

首先什么是跨域，簡(jiǎn)單地理解就是因?yàn)镴avaScript同源策略的限制，a.com 域名下的js無(wú)法操作b.com或是c.a.com域名下的對(duì)象。更詳細(xì)的說(shuō)明可以看下表：

特別注意兩點(diǎn)：

第一，如果是協(xié)議和端口造成的跨域問(wèn)題“前臺(tái)”是無(wú)能為力的，

第二：在跨域問(wèn)題上，域僅僅是通過(guò)“URL的首部”來(lái)識(shí)別而不會(huì)去嘗試判斷相同的ip地址對(duì)應(yīng)著兩個(gè)域或兩個(gè)域是否在同一個(gè)ip上。

“URL的首部”指window.location.protocol +window.location.host，也可以理解為“Domains, protocols and ports must match”。

xmpp js端跨域請(qǐng)求

在構(gòu)建xmpp web客戶端的時(shí)候， 如果網(wǎng)站和xmpp服務(wù)器的域名不一致，就需要用到跨域請(qǐng)求了。

可以使用 flXHR.js 這個(gè)庫(kù)來(lái)實(shí)現(xiàn)跨域請(qǐng)求，因?yàn)槭褂昧?strophe，所以需要加載以下兩個(gè)js。之后會(huì)在 strophe 中會(huì)使用 flxhr 來(lái)發(fā)起請(qǐng)求。

使用 flxhr 請(qǐng)求， 需要服務(wù)器在根目錄返回 domaincross.xml 文件, 具體格式點(diǎn)這 --- 文檔鏈接

ejabberd 的 mod_http_fileserver 組件是專門用來(lái)配置文件服務(wù)器的組件

在加入 mod_http_fileserver 后, web_admin(web admin管理)功能失效了, google 后發(fā)現(xiàn)為 ejabberd 的 bug.

想到的解決的辦法，是另外一個(gè)端口啟動(dòng) web_admin。

1.編輯 ejabberd 配置文件， 將 {5280, ejabberd_http, 開(kāi)頭的這段配置替換成

2.將 {mod_http_fileserver, 開(kāi)頭的一段替換為以下，

記得把路徑替換成你的。

3.在 /Applications/ejabberd-14.05/www 路徑下加入 domaincross.xml

nodejs做http請(qǐng)求轉(zhuǎn)發(fā)，解決js跨域問(wèn)題(二)

上篇講了 nodejs做http請(qǐng)求轉(zhuǎn)發(fā)，解決js跨域問(wèn)題(二)

現(xiàn)在遇到一個(gè)問(wèn)題，公司的服務(wù)器防火墻針對(duì)User-Agent做了攔截。需要特定的User-Agent才能訪問(wèn)到API接口

如果用上篇的方法js的ajax請(qǐng)求目前在很多瀏覽器中是無(wú)法修改User-Agent，這樣的話導(dǎo)致api請(qǐng)求可能無(wú)法成功。

我們可以在nodejs這一層加入請(qǐng)求修改User-Agent，不僅僅可以在nodejs這一層代理修改User-Agent，還可以修改request和response

例如

下面就修改了request的headers 添加了mytest=0000000000000和User-Agent= mytest

也修改了request里面的body給body添加了 Type : 'jpg' 以及修改了 FileName : '2.jpg'

一定要注意如果修改了 request 的 body 值一定要重新設(shè)置 Content-Length

response原本是返回一個(gè)json {"ID":"1234567890","Name":"張三"} ,也把這個(gè)json改了，改成 {"ID":"1234567890","Age":2}