jquery 크로스 필드 전송 데이터 구현

$.ajax({
	url:"http://join.fruit84.com/?a=jobList",
	type:"get",
	async:false,
	dataType:"jsonp",
	success:function(data){
		data = JSON.parse(data);
		console.log(data);
	}
})

1. ajax 와 jsonp 라 는 두 가지 기술 은 호출 방식 에서 '보기' 가 매우 비슷 하고 목적 도 마찬가지 로 하나의 url 을 요청 한 다음 에 서버 가 돌아 온 데 이 터 를 처리 하기 때문에 jquery 와 ext 등 프레임 워 크 는 모두 jsonp 를 ajax 의 한 형식 으로 포장 했다.
2. 그러나 ajax 와 jsonp 는 본질 적 으로 다른 것 입 니 다.ajax 의 핵심 은 XmlHttpRequest 를 통 해 이 페이지 가 아 닌 내용 을 가 져 오 는 것 이 며, jsonp 의 핵심 은 서버 가 제공 하 는 js 스 크 립 트 를 동적 으로 추가 하 는 것 입 니 다.
3. 그 러 니까 사실은 ajax 와 jsonp 의 차 이 는 도 메 인 을 뛰 어 넘 는 지 여부 에 있 지 않 습 니 다. ajax 는 서버 대 리 를 통 해 도 메 인 을 뛰 어 넘 을 수 있 고 jsonp 자체 도 같은 도 메 인 데이터 의 획득 을 배척 하지 않 습 니 다.
4. 그리고 jsonp 는 일종 의 방식 이거 나 비 강제 적 인 프로 토 콜 입 니 다. ajax 처럼 json 형식 으로 데 이 터 를 전달 하지 않 아 도 됩 니 다. 원한 다 면 문자열 이 모두 좋 습 니 다. 다만 jsonp 로 공개 서 비 스 를 제공 하 는 데 불리 합 니 다.본문 참고:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

좋은 웹페이지 즐겨찾기