2014-02-15 2 views
-1

기본적으로 내가하려는 것은 클릭 한 번에 한 번 코드 나 함수를 실행하는 것입니다. 요청을 보내는 html 양식이 없기 때문에 페이지를 다시로드하지 않아도됩니다.버튼을 클릭하면 코드에서 코드를 트리거합니다.

예 : 나는 안녕 내가 PHP 코드의 다음 조각을 실행할라는 버튼을 클릭하면

echo 'Welcome '.$user.' !';

나중에 편집 : 내가하지 않으려 고 말했다하지 않았다 AJAX를 사용하고 예, PHP는 서버 측이라는 것을 알고 있습니다.

+3

그래서, 당신이 바로, 어떻게 실행 PHP가 무엇을 알고? –

+8

PHP는 서버 측 코드이고 javascript/jquery는 클라이언트 측 코드입니다.아약스를 사용하지 않는다면, 이것을 할 수는 없다. –

+0

서버 측 스크립팅과 클라이언트 측 스크립팅의 차이점을 배울 수있다. –

답변

1

사용자는 AJAX를 사용하거나 페이지/프레임을 새 정보로 다시로드해야합니다.
이 예제를 가지고 여러분의 필요에 수정하려고 :

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function loadXMLDoc() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","ajax_info.txt",true); 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<div id="myDiv"><h2>Let AJAX change this text</h2></div> 
<button type="button" onclick="loadXMLDoc()">Change Content</button> 

</body> 
</html> 
0

두 언어의 차이점은 무엇입니까? PHP은 서버에서 실행됩니다. 즉, 페이지를 검색 할 때 요청을 보내면 서버가 해당 요청을 처리하고 페이지를 돌려줍니다.

이 기사의 PHP 부분이 끝나고 클라이언트 측 부분이 시작됩니다. 버튼을 클릭 할 때 어떤 일이 발생하기를 원하면 JavaScript을 사용합니다. 이 언어는 브라우저에서 실행됩니다.

는이 중 하나에 의해, 당신은 당신의 자바 스크립트 코드에서 서버로 어떻게 든 요청을해야 서로 통신 할 수 있도록하려면,
  • 이 페이지를 다시로드,

    • 양식을 제출
    • AJAX 요청.

    처음 두 옵션은 사용자가 원하지 않으므로 3 번째 옵션 인 AJAX 요청을 어떻게 사용할 수 있는지 설명하겠습니다.

    AJAX 요청은 실제로 서버에 대한 비동기 요청이므로 페이지를 다시로드 할 필요가 없으며 모든 화면 뒤에서 실행됩니다. 이렇게하려면 이벤트 처리기를 AJAX 요청에 연결해야합니다 (예 : 다음 코드 예에서와 동일하게 처리). 이것은 이벤트 처리 및 AJAX 요청 전송을 단순화하기 때문에 jQuery library을 사용하여 작성됩니다. 당신이 나를 믿지 않거나 그것을 사용하고 싶지 않다면, 당신은 항상 Filipe's answer을 볼 수 있습니다. 이것은 jQuery없이 AJAX 요청을 처리하는 방법의 적절한 예를 보여줍니다. 이 경우

    $("#myButton").on("click", function() { 
        $.get("theOtherPage.php", function(data) { 
         // Do something with "data" 
        }); 
    }); 
    

    onClick 이벤트 hanlder는 버튼 #myButton에 추가되고이를 클릭 할 때, theOtherPage.php라는 페이지가 요청됩니다. 여기 예를 들어, 당신이 원하는 내용을 넣어 :

    echo 'Welcome '.$user.' !'; 
    

    요청이 완료되면, 데이터가 콜백의 data 인수에서 사용할 수 있습니다. 이제 그걸로 뭔가를 할 수 있습니다 (예를 들어 사용자에게 보여줌).

    관련 문제