jquery 도메인 간 요청 예시 공유(jquery가 ajax 요청을 보냄)

getJSON은 일반적으로 jQuery에서 원격 JSON 문자열을 호출 및 가져오고 이를 JSON 개체로 변환하며 성공하면 콜백 함수를 실행하는 데 사용됩니다. 프로토타입은 다음과 같습니다.

jQuery.getJSON( url, [data], [callback] )은 도메인 전체에서 JSON 데이터를 로드합니다.

url: 요청을 보낼 주소 data: (선택) 보낼 키/값 매개변수 callback: (선택) 로딩 성공 시 콜백 함수 주로 클라이언트에서 사용 서버 JSON 데이터를 얻습니다. 간단한 예:

서버 스크립트, JSON 데이터 반환:

코드 복사 코드는 다음과 같습니다. // $.getJSON.php $arr =array("name"=>"zhangsan", "age"=>20) $jarr=json_encode($arr) echo $jarr; 두 가지 사항에 유의하세요. 첫째: 클라이언트로 반환하기 전에 PHP 함수 json_encode를 사용하여 반환된 데이터를 인코딩합니다. 둘째: echo는 반환이 아닌 클라이언트로 반환하는 데 사용됩니다.

핵심 클라이언트 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. ) { $.getJSON("$.getJSON.php", {}, function(response){ 경고(response.age); }); >

반환 값은 PHP에서 JSON으로 인코딩되므로, 데이터를 얻으려면 getJSON을 사용하여 PHP 파일을 호출해야 합니다. 동시에, getJSON을 통해 얻은 데이터가 객체 배열이 되었음을 알 수 있으며, response.name과 response.age를 사용하여 직관적으로 반환 값을 얻을 수 있습니다. jquery는 $.getJSON 메서드를 제공하여 도메인 간 Ajax 요청을 구현할 수 있지만 $.getJSON을 사용하는 방법과 요청 웹 사이트에서 어떤 종류의 데이터베이스를 반환해야 하는지 jqueryAPI의 콘텐츠가 너무 적습니다. $.getJSON이 그것을 얻을 수 있나요? 아래에서 실제 예를 사용하여 설명하겠습니다.

백엔드는 PHP를 사용합니다. 다음 코드의 주요 기능 중 하나는 약속 등록을 위한 인터페이스를 제공하는 것입니다. 사용자 이름, 연락처 및 주소는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. /*약속 등록 실행 인터페이스*/ 케이스 "yuyue_interface": $name = 트림($_GET['name']); $phone = 트림($_GET['phone']); $addr = 트림($ _GET[' addr']); $dt = date("Y-m-d H:i:s"); $cb = $_GET['callback']; if($name == " " || $name == NULL){ echo $cb."({code:".json_encode(1)."})"; }elseif($phone == "" || $phone == NULL ){ echo $cb."({code:".json_encode(2)."})"; }elseif($addr == "" || $addr == NULL){ echo $cb."({code:".json_encode(3)."})"; }else{ $db->execute("insert into tb_yuyue (realname,telphone,danwei ,dt, ischeck) 값 ('$name','$phone','$addr','$dt',0)"); echo $cb."({code:".json_encode( 0)."} )"; } 종료; break;

그런 다음 프런트 엔드 처리가 이루어집니다.

코드 복사 코드는 다음과 같습니다. $(document).ready(function( ){ //예약 등록에는 다음 3가지 매개변수가 필요합니다 var name = "name"; //varchar 유형, 최대 길이는 8자리(한자 4자) varphone = " phone"; //Varchar형, 길이는 11비트 var addr = "addr"; //varchar형, 길이는 최대 500비트(한자 250자) $.getJSON("http:// 웹사이트 주소/데이터 요청 php?ac=yuyue_interface&name=" name "&phone=" 전화 "&addr=" addr "&callback=?", function(data){ if(data.code==1){ //맞춤 코드 Alert("이름은 비워둘 수 없습니다."); }else if(data.code==2){ //맞춤 코드 Alert("휴대폰은 비워둘 수 없습니다. 비어 있음"); }else if(data.code==3){ //사용자 정의 코드 Alert("단위는 비워둘 수 없습니다."); }else{ / /맞춤형 코드 Alert("약속 성공"); } }); });

백엔드 PHP 코드에서는 전달된 " &callback=? "도 다음과 같이 출력되어야 한다는 점에 유의해야 합니다.

코드 복사 코드는 다음과 같습니다. $cb = $_GET['callback' ]; echo $cb."({code:".json_encode(4)."})"; 위는 간단한 $.getJSON 테스트입니다. $.getJSON을 사용하는 방법을 배울 수 있고, 다른 사람이 도메인 간 요청을 할 수 있는 인터페이스를 만드는 방법도 배울 수 있습니다.

jquery 도메인 간 요청 예시 공유(jquery가 ajax 요청을 보냄)_jquery