json과 jsonp의 차이점은 무엇입니까? json과 jsonp의 차이점 비교-JS 튜토리얼-php.cn

json과 jsonp의 차이점은 무엇입니까? json과 jsonp의 차이점 비교

不言

풀어 주다： 2018-10-16 10:53:05

원래의

3128명이 탐색했습니다.

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); //张三

로그인 후 복사

그런 다음 학생 ID, 학생 이름 등을 전달할 수 있습니다. .학생의 학번과 이름을 알아내는 방법.

json 데이터 형식은 프런트 엔드 개발 분야에서 일반적으로 사용됩니다.

(1) 일반 텍스트를 기반으로 크로스 플랫폼 전송이 간단합니다.

(2) JavaScript가 기본적으로 지원되며 거의 모든 백엔드 언어가 지원됩니다.

(3) 매우 적은 문자를 차지하며 특히 인터넷 전송에 적합합니다.

(5) 작성 및 구문 분석이 쉽습니다.

jsonp

는 크로스 도메인입니다. 상호 작용 프로토콜은 json 데이터가 전송되는 방법을 규정하는 jsonp로 이해될 수 있습니다. 간단히 말하면, json은 cross-domain을 지원하지 않지만 js는 cross-domain을 지원하므로 클라이언트가 제공한 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를 처리할 때 콜백 함수를 생성하고 호출할 성공 속성 메소드에 대한 데이터를 검색합니다.

이 기사는 여기서 끝납니다. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트를 주목하세요! ! !

위 내용은 json과 jsonp의 차이점은 무엇입니까? json과 jsonp의 차이점 비교의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!