2013-10-03 1 views
0

내 웹 응용 프로그램이 Facebook에 통합되었습니다. 나는 하나의 입력 만 가지고있는 tpl 파일에 폼을 만들었는데, 그것은 선택 입력이다. 사용자는 자신의 페이스 북 그룹 중 하나를 선택해야합니다. 옵션의 value은 각 그룹의 id입니다. 사용자가 옵션 (onchange)를 변경똑똑한 PHP를 사용하여 동일한 페이지에 양식 결과 표시

선택한 그룹의 구성원 목록이 selectdiv 노호 나타납니다

그래서 이것은 내가하고 싶은 것입니다. 나는 (자바 스크립트, jquery, 아약스, 등) 어떻게 내 코드에서 구현하는 사용해야하는지 모르겠다. 여기

내 코드 : (나는 방법을 제출 사용하는 경우) 선택한 그룹의 구성원 목록을 검색 할 수

{* --- form in tpl file --- *} 
    <form method="post"> 
    <fieldset> 
    <div class="row"> 
     <p style="font-weight:bold;">Choose your facebook group :</p> 
    </div> 
    <div class="row"> 
     <select name="group" onchange="idontknow"> 
      {foreach from=$userGroupsData item=group} 
       <option value="{$group.id}">{$group.name}</option> 
      {/foreach} 
     </select> 
    </div> 
    <div class="row"> 
      {* the place where members list will appear *} 
    </div> 
    </fieldset> 
    </form> 

PHP 코드 : 어떤 도움을 크게 감상 할 수

<?php 
$groupId = $_POST['group']; 
$groupmember = $facebook->api('/'.$groupId.'/members'); 
$membergroup = $groupmember['data']; 

foreach ($membergroup as $membergroups) { 
    echo "<li>".$membergroups['name']."</li>";  
} 
?> 

. 당신이

답변

0

내가 jQuery를 사용하여 Ajax 요청을 만들 것 감사 : 그것은 나를라면

$(function() { 

    $('body').on('change', 'select[name="group"]', function() { 

     var groupId = $(this).val(); 

     $.post('path/to/your/script', groupId) 
      .done(function(data) { 
       $('form .row').html(data); 
      }); 
    }); 

}); 

, 내가 대신 HTML의 백엔드 반환 JSON 데이터를했을 내가 아약스 콜백에서 동적으로 HTML을 구축 할 것입니다.

또한이 시나리오는 내가 백엔드에서 MVC 아키텍처를 사용하는 것을 선호하는 많은 이유 중 하나입니다. 당신은 예를 들어 CodeIgniter의 말처럼 MVC 프레임 워크를 사용한다면, 당신은 데이터를 게시하고있는 URL은 다음과 같이 라우팅을 돌볼 것이라고합니다 :

MVC 스타일의 URL = 'MYCONTROLLER/MyMethod라는 /하여 myParam를'.

이 예제에서 mycontroller는 호출하려는 클래스 (스크립트)이고 mymethod는 컨트롤러에서 호출 할 특정 함수이고 myparam은 해당 함수로 전달하는 데이터입니다.

관련 문제