ajax Archives - Long's blog

Ajax and Json Tạo file service

//get URL cua file hien tai; 
$baseUrl = $_SERVER['PHP_SELF'];
 
//kiem tra thong tin request den
if (isset($_POST['getMember']) && $_POST['getMember'] == 'view')
{
    //wating 1s truoc khi thuc thi
    sleep(1);
     
    //tao mang member
    $member = array('username' => 'phucvh'
                   ,'password' => '123456'
                   ,'email' => 'ahoangphuc@gmail.com');
                    
   //dung ham json_encode de chuyen mang $member thanh chuoi <a class="zem_slink" title="JSON" href="http://en.wikipedia.org/wiki/JSON" target="_blank" rel="wikipedia noopener">JSON</a>
   echo json_encode($member);
    
   //ket thuc tra ve du lieu va stop khong cho chay tiep
   die;
}

//get URL cua file hien tai;

$baseUrl = $_SERVER['PHP_SELF'];

//kiem tra thong tin request den

if (isset($_POST['getMember']) && $_POST['getMember'] == 'view')

{

//wating 1s truoc khi thuc thi

sleep(1);

//tao mang member

$member = array('username' => 'phucvh'

,'password' => '123456'

,'email' => 'ahoangphuc@gmail.com');

//dung ham json_encode de chuyen mang $member thanh chuoi <a class="zem_slink" title="JSON" href="http://en.wikipedia.org/wiki/JSON" target="_blank" rel="wikipedia noopener">JSON</a>

echo json_encode($member);

//ket thuc tra ve du lieu va stop khong cho chay tiep

die;

}

Xử lý Ajax phía client

Cách sử dụng phương thức GET trong Ajax Cách 1:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script language="javascript" src="https://code.jquery.com/jquery-2.0.0.min.js"></script>
        <script language="javascript">
             
            function load_ajax()
            {
                $.ajax({
                    url : "result.php", // gửi ajax đến file result.php
                    type : "get", // chọn phương thức gửi là get
                    dateType:"text", // dữ liệu trả về dạng text
                    data : { // Danh sách các thuộc tính sẽ gửi đi
                         number : $('#number').val()
                    },
                    success : function (result){
                        // Sau khi gửi và kết quả trả về thành công thì gán nội dung trả về
                        // đó vào thẻ div có id = result
                        $('#result').html(result);
                    }
                });
            } 
     
        </script>
    </head>
    <body>
        <div id="result">
            Nội dung ajax sẽ được load ở đây
        </div>
        <br/>
        <input type="text" value="" id="number"/>
        <input type="button" name="clickme" id="clickme" onclick="load_ajax()" value="Click Me"/>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

function load_ajax()

{

$.ajax({

url : "result.php", // gửi ajax đến file result.php

type : "get", // chọn phương thức gửi là get

dateType:"text", // dữ liệu trả về dạng text

data : { // Danh sách các thuộc tính sẽ gửi đi

number : $('#number').val()

success : function (result){

// Sau khi gửi và kết quả trả về thành công thì gán nội dung trả về

// đó vào thẻ div có id = result

$('#result').html(result);

}

});

}

</script>

</head>

<body>

Nội dung ajax sẽ được load ở đây

</div>

<br/>

</body>

</html>

Long's blog

Tag: ajax

Ajax and Json

Get Method Ajax