새 페이지를로드하지 않고도 변수 세트간에 전환하는 방법은 무엇입니까?

PHP와 JS/jQuery를 사용하여 다국어 한 페이지짜리 사이트를 만듭니다.새 페이지를로드하지 않고도 변수 세트간에 전환하는 방법은 무엇입니까?

텍스트 만 교환 할 수 있지만 이미지를 사용하여 전체 페이지를 다시로드 할 필요는 없습니다. 당신이 볼 수 아래

세 가지 변수가 있습니다 : 1. imgVar 2. titleVar

imgVar이 변경되지 않습니다 3. textVar하지만 titleVar 및 textVar 선택한 언어에 따라 다를 수 있습니다.

또한이 코드는 foreach 루프로 실행해야합니다. 여러 개의 인스턴스가 있기 때문입니다.

  <div class="col-md-4"> 
       <div class="portfolio-item"> 
       <img class="img-responsive" src="assets/img/portfolio/**imgVar**.jpg" alt="" /> 
      <h4><span> **titleVar** </span></h4> 
      <div class="portfolio-text"> 
      <p><span> **textVar** </span></p> 
      </div> 
      </div> 
      </div>

나는 (? 어쩌면 JSON? 또는 PHP 배열) 가장 좋은 방법은 변수의 세트를 구성하는 것이 무엇인지 확실하지 않다 또는 내가 할 노력하고있어 것은, 특히 페이지를 다시로드하지 않고, 심지어 수 있는지 여부.

는 내가 가장 가능성이 사용 AJAX를 것 알고 있지만 나는 나를 PHP의 foreach 루프를 작성할 수 없습니다 HTML 아무것도하지만, 위에 jQuery를 부하 기능을 추가 할 수 없습니다.

미리 감사드립니다.

출처

2016-10-25 user122552

선택시 div를 표시하거나 숨기려면 jquery 기능처럼 들리십니까? – Kray

은 단순히 자바 스크립트 기능을 선택해 주시겠습니까? – youssouf

jquery의 함수로드를 사용할 수 있습니다. id가있는 div ('reload'라고 가정 해 봅시다)는 php의 for 루프 앞에서 시작하고 루프 뒤에서 끝납니다. 이 방법은 javascript에서 'reload'ID가있는 div에있는 모든 것을 다시로드 할 수 있습니다. – Thanasis

-1

목표는이 정보를 표시하기 위해 데이터베이스에 '쿼리'하는 것입니다. ... 그래서 PDO 연결 아래와 같이 수행

$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
$sql = "SELECT * FROM table"; 
$q = $pdo->prepare($sql); 
$q->execute(array()); 
$Query = $q->fetchAll();

당신은 속임수와 당신이 앞으로 루프에 포장 할 수있는 '기능'다음

function mySwitch($Title,$Text,$Image) { 
      <div class="col-md-4"> 
       <div class="portfolio-item"> 
       <img class="img-responsive" src="assets/img/portfolio/<?php echo $Image; ?> .jpg" alt="" /> 
      <h4><span><?php echo $Title; ?> </span></h4> 
      <div class="portfolio-text"> 
      <p><span><?php echo $Text; ?> </span></p> 
      </div> 
      </div> 
      </div> 
}

로 실행할 수

foreach ($Query as $row) { 
echo mySwitch($row['row'],$row['columnhere'],$row['columnhere']); 
}

표시해야

<div class="col-md-4"> 
     <div class="portfolio-item"> 
     <img class="img-responsive" src="assets/img/portfolio/Image252.jpg" alt="" /> 
    <h4><span>My Title here</span></h4> 
    <div class="portfolio-text"> 
    <p><span>Text goes here </span></p> 
    </div> 
    </div> 
    </div>

필자는 지금 당장 비슷한 것을하고 있으며 특히 코드를 복제 할 때 비슷한 것을하고 있음을 알게 될 것이다. 간단하고 쉽게 이해할 수 있습니다. 또한 디버깅은 깨끗하고 읽기 쉽습니다.

FYI로 테스트되지 않았습니다.

출처

2016-10-25 22:04:49 Kray

새 페이지를로드하지 않고도 변수 세트간에 전환하는 방법은 무엇입니까?

답변

관련 문제