JSONP就是一個對象丙者，有左padding和右padding掀宋，對象里的key要加雙引號（符合JSON語法）戚丸，這個對象叫做JSON，左padding和右padding叫做P裸违，合起來就是JSONP掖桦。
統(tǒng)一把“我請求一個script，script調(diào)用我的一個函數(shù)同時把這個函數(shù)放在第一個參數(shù)的這種形式叫做JSONP供汛，只不過特殊情況下會出現(xiàn)JSON枪汪，一般都是StringP。
JSONP要解決的問題是兩個網(wǎng)站之間要怎么交流怔昨。
JSONP的完整過程：
請求方：xxx.com的前端程序員（瀏覽器）
響應(yīng)方：yyy.com的后端程序員（服務(wù)器）
1.請求方創(chuàng)建script.src指向響應(yīng)方雀久，同時傳一個查詢參數(shù)?callbackName = xxx(任意名字)
2.響應(yīng)方根據(jù)查詢參數(shù)callbackName，構(gòu)造形如：
(1)xxx.call(undefined,'你要的數(shù)據(jù)')
(2)xxx('你要的數(shù)據(jù)')
這樣的響應(yīng)趁舀，然后把數(shù)據(jù)作為第一個參數(shù)傳給請求方
3.瀏覽器接收到響應(yīng)赖捌，就會執(zhí)行xxx.call(undefined,'你要的數(shù)據(jù)')
4.那么請求方就知道了他要的數(shù)據(jù)
行業(yè)達成的共識：
1.callbackName約定必須叫做callback/jquery-callback
2.callback的名字可以隨便取，但是不要以數(shù)字開頭赫编。
符合約定的寫法：
JS里寫：
button.addEventListener('click',(e) => {
let script = document.createElement('script')
//創(chuàng)建一個隨機數(shù)巡蘸，調(diào)用完后就立馬移除，就不會污染全局變量
let functionName = 'wen' + parseInt(Math.random()*100000,10)
window[functionName] = function(result){
if(result === 'success'){
amount.innerText = amount.innerText - 1
}else{
alert('失敗')
}
}
script.src = 'http://xxx.com:8001/pay?callback = ' + functionName
document.body.appendChild(script) //要把script放到body里擂送，不然不生效
script.onload = function(e){
e.currentTarget.remove() //移除當前的script
delete window[functionName] //移除調(diào)用的隨機函數(shù)
}
script.onerror = function(e){
e.currentTarget.remove()
delete window[functionName]
}
})
node.js里寫：
if (path === '/pay'){
let amount = fs.readFileSync('./db','utf8')
amount -= 1
fa.writeFileSync('./db',amount)
let callbackName = query.callback
response.setHeader('content-Type','application/javascript')
response.write(
`${callbackName}.call(undefined,'success')`
)
response.end()
}
JSONP的jQuery的寫法：
$.ajax({ //雖然API是ajax悦荒，但是跟ajax沒有關(guān)系
url: "http://jack.com:8002/pay",
dataType: "jsonp",
success: function( response ) {
if(response === 'success'){
amount.innerText = amount.innerText - 1
}
}
}) //使用jQuery的話，如何構(gòu)造script不用管嘹吨，如何構(gòu)造callback也不用管搬味，如何調(diào)用后臺也不用管
$.jsonp()
JSONP為什么不支持POST請求
因為JSONP是通過動態(tài)創(chuàng)建script創(chuàng)建的，動態(tài)創(chuàng)建script的時候只能用get蟀拷，沒有辦法用post碰纬。
