복붙노트

기본 PHP 및 AJAX

PHP

기본 PHP 및 AJAX

우리는 OOP로 변경하고 AJAX를 사용하여 로그인 한 사용자의 웹 페이지를 업데이트하려는 대형 PHP 시스템을 보유하고 있습니다. 나는 완전히 독학하고 HTML, CSS, PHP를 기본 자바 스크립트로 이해하고 있습니다.

PHP로 AJAX를 배우려고하면 저를 물리칩니다. 작동하지 않을 AJAX를 테스트하기 위해 자체 작성된 스크립트 세트를 시험해 본 후에 필자는 인터넷을 통해 예를 찾아 가서 일할 수 없었습니다. 이것은 내 개발 맥에서 MAMP를 실행하고 우리가 현재 시스템을 유지하는 호스트를 사용하고 있습니다.

제 질문은, 누구든지 HTML과 PHP 스크립트의 간단한 'hello world'세트를 가지고 있는지 알 수 있습니다. 내가 알고있는 것을 실행할 수 있는지 확인할 수있는 작업을 알고 있습니다.

많은 감사 콜린

해결법

  1. ==============================

    1.AJAX를 사용하려는 경우 jQuery도 사용하는 것이 좋습니다. 이것은 크게 프로세스를 단순화하고 브라우저 간 테스트를 거치고 많은 래퍼 함수를 ​​사용하기 쉽습니다.

    AJAX를 사용하려는 경우 jQuery도 사용하는 것이 좋습니다. 이것은 크게 프로세스를 단순화하고 브라우저 간 테스트를 거치고 많은 래퍼 함수를 ​​사용하기 쉽습니다.

    hello.php라는 PHP 페이지를 만드는 것만 큼 쉽습니다.

    <?php
  echo "Hello World";
?>

    그런 다음 기본 페이지에서 jQuery 라이브러리를 잡고 문서 준비 이벤트에 연결해야합니다.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
     $(function(){
       $.get("hello.php", function(data){
           alert(data);
       });
    });
</script>

    본질적으로 이것은 내가 아는 가장 단순한 AJAX hello world 튜토리얼이다 :)

  2. ==============================

    2.실제로는 아니지만 아약스를 수행하는 경우 jQuery를 사용하는 것이 좋습니다. 그것은 당신의 삶을 훨씬 쉽게 만들어 줄 것입니다.

    실제로는 아니지만 아약스를 수행하는 경우 jQuery를 사용하는 것이 좋습니다. 그것은 당신의 삶을 훨씬 쉽게 만들어 줄 것입니다.

    특히 모든 브라우저가 아약스 물건을 같은 방식으로 구현하지 않기 때문에 특히 그렇습니다.

    나는 당신이 이미 기본적인 HTML 문서를 가지고 있다고 가정 할 것이고, 나는 중요한 비트들을 포함시킬 것이다.

    receiver.php :

    <?php
echo 'you just received me, I\'m some PHP code and ajax is definitely working...';
?>

    sender.html :

    <p>Hello, click this button: <a id="button" href="receiver.php">Click me</a></p>
<p id="container"><!-- currently it's empty --></p>

<!-- including jQuery from the google cdn -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script type="text/javascript">
// This is our actual script
$(document).ready(function(){
    $('a#button').click(function(){
        $.ajax({
            url: this.href,
            type: 'GET',
            dataType: 'html',
            success: function (data) {
                $('#container').html(data);
            }
        });
    });
});
</script>

    기본 Ajax 응용 프로그램에 필요한 모든 것 ...

  3. ==============================

    3.크로스 브라우저와 사용하기 쉬운 jQuery의 AJAX 메서드를 사용하는 것이 좋습니다.

    크로스 브라우저와 사용하기 쉬운 jQuery의 AJAX 메서드를 사용하는 것이 좋습니다.

  4. ==============================

    4.다음은 jQuery를 사용하는 기본 예제입니다. 폼의 값을 별도의 PHP 파일에 게시하면 결과를 확인하고 반환합니다.

    다음은 jQuery를 사용하는 기본 예제입니다. 폼의 값을 별도의 PHP 파일에 게시하면 결과를 확인하고 반환합니다.

    form.php

    <html>

<head>
<title>Simple JQuery Post Form to PHP Example</title>
</head>

<body>

<!-- including jQuery from the google cdn -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">      </script>

<!-- This div will be populated with error messages -->
<div id="example_form_error"></div>

<!-- This div will be populated with success messages -->
<div id="example_form_success"></div>

<!-- Here is your form -->
<div id="example_form_enter">
    <form id="contact_modal_form" method='post' action='form_post.php'>
            <label for="Name">Enter Your Name (Not "Adam"):</label> <input class='textbox' name='Name' type='text' size='25' required />
            <button class='contact_modal_button' type='submit'>Send</button>
    </form>
</div>

<!-- This div contains a section that is hidden initially, but displayed when the form is submitted successfully -->
<div id="example_form_confirmation" style="display: none">
    <p>
        Additional static div displayed on success.
        <br>
        <br>
        <a href="form.php">Try Again</a>
    </p>
</div>

<!-- Below is the jQuery function that process form submission and receives back results -->
<script>
    $(function() {
        $("#contact_modal_form").submit(function(event) {
            var form = $(this);
            $.ajax({
                type: form.attr('method'),
                url: form.attr('action'),
                data: form.serialize(),
                dataType: 'json',
                success: function(data) {
                    if(data.error == true) {
                        var error = $("#example_form_error");
                        error.css("color", "red");
                        error.html("Not " + data.msg + ". Please enter a different name.");
                    } else {
                        $("#example_form_enter").hide();
                        $("#example_form_error").hide();
                        $("#example_form_confirmation").show();

                        var success = $("#example_form_success");
                        success.css("color", "green");
                        success.html("Success! You submitted the name " + data.msg + ".");
                    }
                }
            });
            event.preventDefault();
        });
    });
</script>

</body>

</html>

    form_post.php

    <?php

    // Request Post Variable
    $name = $_REQUEST['Name'];

    // Validation
    if($name == 'Adam') {
    echo json_error($_REQUEST['Name']);
    } else {
    echo json_success($_REQUEST['Name']);
    };

    // Return Success Function
    function json_success($msg) {
        $return = array();
        $return['error'] = FALSE;
        $return['msg'] = $msg;
        return json_encode($return);
    }

    // Return Error Function
    function json_error($msg) {
        $return = array();
        $return['error'] = TRUE;
        $return['msg'] = $msg;
        return json_encode($return);
    }

?>

    5. from https://stackoverflow.com/questions/5298401/basic-php-and-ajax by cc-by-sa and MIT license

'PHP' 카테고리의 다른 글

번들 생성 후 Symfony3 ClassNotFoundException  (0) 2018.09.19
어떤 이유로 PHP 메일이 작동하지 않습니다.  (0) 2018.09.19
URL에서 index.php 제거 - Codeigniter 2  (0) 2018.09.19
PHP에서 문자열을 바이트 배열로  (0) 2018.09.19
PHP 기본 인코딩을 utf-8로 설정 하시겠습니까?  (0) 2018.09.19
,

티스토리툴바