json與jsonp在剛學習的時候很容易混淆，所以這篇文章就來介紹一下json和jsonp的區別，有需要的朋友可以參考一下。
話不多說，我們直接進入正題~
json和jsonp的差別：
首先我們應該知道JSON是一種資料交換格式，而JSONP是一種被開發人員創造出來的一種非官方的跨域資料互動協定。 （不清楚的同學可以看一下這兩篇文章：jsonp是什麼？jsonp的原理詳解和json是什麼意思？是用來幹嘛的？）
我們來看json和jsonp的對比
json是一種基於文本的數據交換格式，用於描述複雜的數據，比如，描述一個學生的信息可以這樣子寫：
var student = {
"id":"001",
"name":"张三",
"sex":"男",
"age":20
}
console.log(student.id); //001
console.log(student.name); //张三然後就可以透過student.id，student.name這種方式取得這個學生的學號和姓名。
json資料格式在前端開發這個領域用的比較多，其優點在於：
（1）基於純文本，跨平台傳遞簡單；
（2） JavaScript原生支持，後台語言幾乎全部支援；
（3）輕量級資料格式，佔用字元數量極少，特別適合網路傳遞；
（4）可讀性較強;
（5）容易編寫和解析；
jsonp是一個跨域互動協議，可以理解為jsonp約定了json的這個資料怎麼傳遞。簡單的說，就是json不支援跨域，而js可以跨域，因此在伺服器端用客戶端提供的js函數名將json資料封裝起來，再將函數提供給客戶端調用，從而獲得json資料。例如：
客戶端程式碼如下：
$(function () {
var user = {
"username": "HelloWorld"
};
$.ajax({
url: "http://localhost:8080/Changyou/UserInfo",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "jsonp", //json不支持跨域请求,只能使用jsonp
data: {
user: JSON.stringify(user)
},
jsonp: "callback", //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名,默认为callback
jsonpCallback: "userHandler", //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
success: function (data) {
$("#user_name")[0].innerHTML = data.user_name;
$("#user_teleNum")[0].innerHTML = data.user_teleNum;
$("#user_ID")[0].innerHTML = data.user_ID;
},
error: function () {
alert("请求超时错误!");
}
})
});伺服器端程式碼如下：
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json; charset=utf-8");
String username = new String(request.getParameter("user").getBytes("ISO-8859-1"),"utf-8");
String callback = new String(request.getParameter("callback").getBytes("ISO-8859-1"),"utf-8");
System.out.println("接收到的数据：" + username);
System.out.println("callback的值：" + callback);
JSONObject user = JSONObject.fromObject(username);
System.out.println("接收到的用户名：" + user.get("username"));
JSONObject userinfo = new JSONObject();
userinfo.put("user_name", "张鸣晓");
userinfo.put("user_teleNum", "18810011111");
userinfo.put("user_ID", "123456789098765432");
PrintWriter out = response.getWriter();
String backInfo = callback + "(" + userinfo.toString() + ")"; //将json数据封装在callback函数中提供给客户端
out.print(backInfo);
out.close();
}說明：儘管客戶端沒有實作userHandler函數，但也能成功運行，原因就是jquery在處理jsonp類型的ajax時，自動幫你產生回呼函數並把資料取出來供success屬性方法來呼叫。
這篇文章到這裡就全部結束了，更多精彩內容大家可以追蹤PHP中文網！ ！ ！
以上是json與jsonp有什麼差別？ json與jsonp的區別對比的詳細內容。更多資訊請關注PHP中文網其他相關文章！
