Hôm nay có việc gọi Ajax để xử lý data. Cơ mà trớ trêu lại dính vụ đồng bộ, bất đồng bộ của Javascript. Từng quen mặt nó mấy lần nhưng chưa bao giờ mình thực sự tìm hiểu về […]
Tag: ajax
Ajax and Json
Ajax and Json Tạo file service
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
//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
Get Method Ajax
Cách sử dụng phương thức GET trong Ajax Cách 1:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="javascript" src="http://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> |