Como enviar Json do PHP para o Javascript ou Jquery

프로그래밍 팁 – Guilherme Ferreira 저 안녕, 안녕하세요? 나는 GuiFerreiraCodecom의 Guilherme FeRreira입니다

팁 하나 더 가져 가자 이 팁은 사용자 Hugo Seleiro의 의심을 푸는 것입니다 그는이 기사에 대한 논평에서 그의 어려움을보고했다 Jquery로 데이터를 가져 오는 데 문제가있었습니다 그래서이 비디오를 Jquery로 PHP 데이터를 얻는 방법을 설명하기로 결정했습니다

기본 예 친구 Hugo Seleiro를 돕기위한 기본 구현에 대해 알아 보겠습니다 어서와 기본 HTML 코드를 만들어 indexphp로 저장했습니다

나는 부트 스트랩 샘플 구조의 일부를 가져 갔다 템플릿이 프레임 워크 페이지에 있습니다 Jquery 1111을 사용하고 있습니다

구현을 테스트로 수행 할 수 있습니다 그를 여기에 배정하십시오 그것은 프로젝트의 뿌리에 있습니다 그리고 그것은 아주 간단한 예입니다 먼저 여기에서 Php와 함께 작업 해 보겠습니다

indexphp 파일임을 확인하십시오 동일한 HTML 문서에서 PHP를 사용하는 방법 기사에 가자 PHP에서는 다음과 같은 배열을 만들 수 있습니다 또는 여기에서 이쪽으로 첫 번째 형식을 사용하겠습니다

여기에 코드를 입력 해 보겠습니다 제목 만 사용합시다 그리고 설명과 나는 여전히 여기에 링크를 만들거야 여기에 링크를 만들었습니다 설명, 나는 또한 만들 것이다

$ data에 대해이 변수를 여기에서 바꿀 것입니다 그러면 Php 에이전트에서 다음과 같이 처리 할 것입니다 이 배열은 여기에있다 이 자료는 여기에 이 함수를 여기서 다루겠습니다 json_encode () html로 보내기 전에 그럼 여기서 해봅시다 이 변수를 받아서 여기에 넣을거야

Ok 그래서이 변수는 JSON을 얻고 있습니다 이 배열의 배열을 여기서 만들었 어

이 데이터는 데이터베이스에서 제공 될 수 있습니다 배열 형태로 이리 와서 여기에 저장해 둡시다 이제 PHP 부분 괜찮아 데이터를 가져 와서 Html로 가져 가자 나는 다음을 할 것이다

여기 만들자 아주 명확하게 설명 여기 아래에서 우리는이 Div를 만들 것입니다 여기 우리 스타일을 넣어 여기에 PHP를 넣을 것입니다 반향을 일으키다 우리 변수의 여기에 여기서는 이미 작동 중입니다 시험을 봅시다

이 div를 복사하여 아래에 붙여 넣습니다 신분증을 가져 가라 그냥 나타나서 작동하는지 확인하십시오 저장하고 테스트하십시오 저기 봐라

그들은 이미 우리의 HTML에오고 있습니다 그는 단지 보여주고있다 이 div는 내가 아래에 떠났다

이 하나는 HTML에 숨겨져있다 내가 여기서 데리고 나가면 그것은 페이지에서 사라집니다 코드 중간에 숨어 있습니다 여기서 확인해 봅시다 아래에 표시되면 div를 찾을 수 있습니다 내부 요소가있는 div 우리는이 div 안에 PHP 데이터를 넣습니다 이제 액세스 해 봅시다 이 div와 우리 Jquery 초기 jquery 함수를 열자 여기에 Div 데이터를 가져와 봅시다 여기에이 ID를 사용하면 "datahpp" 데이터가 올바르게 전달되는지 테스트 해 봅시다 여기 섬을보고

그리고 아름다움은 괜찮습니다 여기있다 여전히 문자열 형식입니다

나는 대상으로 변형되어야 할 것입니다 이 변환을 위해 우리는 함수를 사용할 것입니다 jquery 함수

JSONparse () 이 함수는 여기에 여기서 다른 변수를 만들겠습니다 그녀는받을 것이다

이 우리의 기능 그 안에 문자열에이 변수를 넣을 것입니다 JSON 형식으로 이제이 문자열을 객체로 변환 해 봅시다 시험합시다

테스트를보기 위해 consolelog ()를 생성 해 봅시다 어서! 여기 업데이트 그리고 봐라! 여기에 객체가 있습니다 그것은 효과가있었습니다 모든 데이터 세트로 이제이 객체를 사용하는 방법을 살펴 보겠습니다

나는 여기서 div를 만들거야 또는 더 나은 제목에 대한 h2 것입니다 우리는 id = "title" 나 여기 나중에 만들거야 a <p> 설명이있을 것이다 그리고 여전히 아래에 내가 만들거야 <span> JQuery에서 만들 링크가있을 것입니다

이제 Jquery를 사용하여이 필드에서 데이터를 채울 수 있습니다 여기에이 변수를 넣습니다 우리가 정의한 열쇠의 이름으로 열쇠는 제목이 될거야 중간은 설명 일 것이다 그리고 다음은 더보기 링크입니다

링크가 중간에있을거야 여기에 올려주세요 더보기 닫기 </a> 이제이 <span> 안에 링크를 생성 할 것입니다 시험합시다 봐! 해냈다 요약하면 : 우리는 PHP로 데이터를 보내고, 그들을 JSON으로 바꿨다 우리는이 변수에 여기에 할당합니다 Html 안에 숨겨진 div를 넣습니다 PHP 데이터 사용 그리고 데이터는 문자열 형식입니다

보이지 않는 사용자를위한 디스플레이 없음 후에 여기에 Jquery로 데이터가 있습니다 이 변수에 할당합니다 그리고 우리는 JSONparse ()를 사용하여 객체를 얻습니다

그런 다음 Jquery를 사용하여 html로 데이터를 다시 보냅니다 조용하고 잘 작동했습니다 링크도 작동했습니다 이 힌트를 사용하여 PHP 데이터로 작업하고 Jquery를 사용하여 PHP 데이터를 변경하거나 수정할 수 있습니다 이 코드는 기사에 있으며 기사 링크는 동영상 설명에 있습니다

고마워요! 내가 Hugo를 도왔 으면 좋겠어 이 비디오가 도움이 될 것 같아요 갈레라! GuiferreiraCode에서 Facebook 즐기기 Youtube 채널에 자신을 쓰십시오 동영상에 대한 모든 도움말과 시리즈를 볼 수 있습니다 고마워

포옹을 강하게하고 다음에 보자