跨域,json與jsonp格式

2022-07-08 19:12:16 字數 1556 閱讀 3082

好久都沒有寫隨筆了,最近大家都忙著考試要放假了,我也要忙一忙嘍.....不過再忙我還是來啦  

簡單的說,json是一種輕量級的資料交換格式。平時我們使用ajax等使用的一種資料形式,那麼今天就說說jsonp是個什麼鬼。首先接觸的時候也是一臉懵逼,都不清楚這是什麼東西,上網搜啊查啊,最後才弄明白了。

我們平時在寫專案的時候前端後端互動資料用的是json,但是如果你想跨域進行資料訪問,比如別的**想看到你的資料或者你想看到別人的資料,不能用json格式進行傳送資料,有才的人啊就發現還有jsonp。老實說,jsonp就是滿足你跨域讀取資料的一種方法,下面就直接看**吧。

public

function

actionindex()

$resource = resource::model()->find("id=".$resourceid

);

if(!empty($resource

))else

$json_data=json_encode($arr

);

//輸出jsonp格式的資料

echo

$jsoncallback . "(" . $json_data . ")";

}

可以看的出來,比平時我們用json的時候多了兩行**,就是要用這個**函式來實現輸出的格式變為jsonp。這是在php頁面的**,另外需要在html頁面寫乙個js來呼叫得到jsonp。

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>獲取jsonp物件

title

>

<

script

src="jquery.js"

>

script

>

head

>

<

body

>

<

input

type

="text"

id="val"

><

input

type

="button"

id="dian"

value

="點選"

>

<

script

>

varurl='

jsonp.php

'; $("

#dian

").click(

function

();

$.getjson(url,data,

function

(msg))

})script

>

body

>

html

>

ajax跨域傳輸(jsonp格式)

先拋個列子,自 test.html doctype html html head meta charset utf 8 title test title script src jquery 1.5.2.min.js script script src ajax.js script head body...

json替換jsonp實現跨域請求

最近遇到h5前端頁面和web後端雙方的請求存在跨域,普通的jquery.ajax請求已不能實現 因為js是不允許跨域的 如果可以跨域,那就能隨便改別人的網頁了 js的原理 最後經過艱苦奮鬥,終於初步實現了,雖然會有那麼一點的不安全,但只要介面判斷好就會減少很多不安全.前端頁面ajax請求如下 aja...

5 28面試 跨域與Jsonp

今天面試發現jsonp完全忘了啊,前端的跨域手段竟然被我搞前端的忘了 jsonp是一種解決跨域的通訊方式。原理 利用script標籤的src屬性來實現跨域。js指令碼 css樣式檔案 這三者是可以與頁面本身不同源的 通過將前端方法作為引數傳遞到伺服器端,然後由伺服器端注入引數之後再返回,實現伺服器端...