PHP를 백엔드로 사용할 경우, 프론트엔드 js가 ajax 기술을 사용하여 서로 정보를 주고 받을 때 오류가 자주 발생하는데, 이는 초보자에게는 다소 혼란스럽습니다. 실수와 경험을 요약하고 향후 언제든지 검토하십시오.
첫 번째 문제는 프런트엔드에 오류가 없을 때 페이지 디버깅에서도 문제가 없다고 나오는데, ajax가 백엔드 php 파일에서 보낸 정보를 가져올 수 없다는 점입니다. :
프론트엔드 코드는 다음과 같습니다.
$.ajax({ url:'1.php',//目的php文件 data:{"age":12,"name":'zh'},//传送的数据 type:‘post',//方式post/get dataType:'json',//数据传送格式 success:function(response) { console.log(response); }, error:function(response) { console.log(response); console.log("错误"); } });
php back -end 코드는 다음과 같습니다.
$postAge = $_POST['age']; $postName = $_POST['name']; echo $postAge; echo $postName;
페이지가 나타난 후 F12 디버깅 보기는 다음과 같습니다.
상태 코드는 ok이며 상태는 200, responseReady는 4로 html 파일 정보를 php로 보내는 과정에 문제가 없음을 나타냅니다. 그리고 PHP도 정보를 반환했습니다. 그런데 왜 프로그램이 성공하지 않고 오류가 발생합니까?
이때 조심하셔야해요! PHP 백엔드의 여러 에코는 데이터를 json 형식으로 구성하지 않기 때문입니다. 즉, PHP가 반환하는 것은 json 형식의 데이터가 아닌 문자열입니다. 누군가 json_encode()를 추가하라고 했나요? json_encode()의 기능이 명확하지 않기 때문에 이는 불가능합니다. Baidu가 자세히 살펴볼 것입니다. json_encode()와 json_decode()는 쌍입니다.
json_encode(json), json을 json 형식의 데이터로 정리합니다. 위의 예에서는 PHP 백엔드 코드를 echo json_encode(postAge); 및 echojsonencode(postName);로 다시 작성하더라도 올바르지 않습니다. 이것은 postAge와 postName을 json 형식으로 하나만 구성하기 때문에 반환이 2개이므로 브라우저 디버깅 페이지에서도 게시물 1개와 응답 2개를 볼 수 있습니다. 결과적으로 프런트 엔드에 반환된 두 개의 json 형식 데이터는 더 이상 json 형식 데이터가 아닙니다(json 오염으로 이해하므로 이해하기 편리합니다). 즉, 단일 데이터는 json 형식이지만 여러 json 형식 데이터가 json 형식에 따라 병합되지 않고 "무작위로" 결합되어 "오염"이 발생합니다. 결과적으로 전체 데이터 형식이 혼란스럽고 인식할 수 없습니다. 이러한 상황은 데이터 처리 및 전송 중에 언제든지 볼 수 있습니다.
json_decode(json,true/false)이 기능은 json을 배열 또는 객체(클래스로 이해)로 구성하는 것입니다. True는 강제로 (연관) 배열로 변환된다는 의미이고, false는 기본적으로 개체 형식 데이터로 변환된다는 의미입니다.
이 기사에 제시된 예로 돌아갑니다.
돌아온 데이터가 더 이상 json 형식이 아니므로 dataType에 문제가 있는 것입니다.
dataType은 브라우저에게 전송된 데이터 형식을 확인하라고 지시합니다. 기록되지 않은 경우 브라우저는 데이터 형식을 확인하지 않으며 기록된 경우 확인되며 형식 요구 사항을 충족해야 합니다. 이 예에서는 json 형식으로 작성했지만 반환되는 형식이 json이 아니기 때문에 브라우저는 전송 과정에서 오류가 있다고 판단하여 성공 대신 오류를 선택합니다.
이때 가장 좋은 방법은 php 코드를 수정하고, echo 내용을 배열로 변경하고, 배열 문자 형식을 사용하여 전체 데이터를 json 형식으로 정리하여 전송하는 것입니다(json_encode). 오류를 피하기 위해.
물론, 치팅 방법과 유사한 다른 방법을 사용할 수도 있습니다. dataType을 직접 주석 처리(또는 작성하지 않음)하여 브라우저가 데이터 형식을 확인하지 않도록 하세요. 오히려 데이터의 형태에 기초합니다. 지능적인 판단은 뒤죽박죽하는 것과 유사합니다.
다음은 dataType에 대한 W3school 설명입니다.
백엔드에서 주목할 가치가 있습니다. php 파일 여러 번의 에코 출력 후 실제로 데이터가 함께 반환됩니다. 수정이 올바른 후에 프런트 엔드에서 얻은 데이터는 두 개의 데이터가 하나의 문자열로 결합된 형태의 데이터입니다. 이 예에서 얻은 데이터는 12zh입니다.
예를 들어 $,ajax({})에서 각 줄은 매개변수이며 매개변수는 쉼표 등으로 구분되어 있습니다.