DESIGN WEB: Ajax trong JQuery (P6) - Xử lý lỗi của Ajax

Thỉnh thoàng, một vài điều gì đó gây ra lỗi khi chúng ta làm việc với Ajax. Ví dụ, tài nguyên bạn cố gắng tải về từ máy chủ không có hoặc không kết nối được với internet

Hàm $.ajax cho phép chúng ta xử lý những lỗi đó bằng cách gọi một hàm khác, cái mà sẽ được gọi khi một lỗi xảy ra.

Hàm phản hồi error được truyền qua 3 phần: đối tượng XMLHttpRequest một chuỗi có chứa mô tả lỗi và một đối tượng ngoại lệ

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="js/jquery-1.4.js" type="text/javascript"></script>
<script>
      $(document).ready(function(){
        $.ajax({
            type: "POST",
            url: "poster1.php",
            data: {data: 1},
            success: callback,
   error: err
          });
        });
   
      function callback(data, status)
      {
        $("div").text(data);
      }
   
   function err(xhr, reason, ex)
      {
        $("div").text(reason);
      }
</script>
</head>

<body>
    <h1>Using the jQuery $.post()function</h1>
    Got this from the server: <div></div>
</body>
</html>

Tập tin poster.php

Tập tin poster.php

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
if ($_POST["data"] == "1") {
 echo 'You sent the server a value of 1';
}

if ($_POST["data"] == "2") {
 echo 'You sent the server a value of 2';
}
?>

</body>
</html>

(Nguồn: ZendVN group - www.zend.vn)