jQuery - AJAX load()方法获取状态-在线运行代码案例-大卫编程网

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<title>jQuery - AJAX load()方法获取状态示例 - 基础教程(div.cn)</title>
​
<head>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    let data = {fname:"Seagull", lname:"Anna"};
    $("#success").load("wrong_file.php", data, function(response, status, xhr){
      if(status == "error"){
        let msg = "抱歉，出现错误: ";
        $("#error").html(msg + xhr.status + " " + xhr.statusText);
      }
    });
  });
});
</script>
</head>
<body>
​
<button>获取内容（使用HTTP POST方法）</button>
<p> <b>成功响应（应为空白）:</b> </p>
<div id="success"> </div>
<p> <b>错误响应:</b> <span id="error"> </span> </p>
​
​
</body>
</html>