为什么我的jquery.load()状态为空白

Why am I getting jquery .load() status as blank?

本文关键字:状态 空白 我的 jquery load 为什么      更新时间:2023-09-26

请检查代码的javascript部分。当我点击链接时,我希望它将特定页面加载到"content"div中,同时在提取页面时显示"loading"div。当请求的页面被加载到"内容"分区时,我还想做一些其他更改。我如何确定加载成功?"状态"始终为空。

编辑:这不是建议的重复。我的问题不涉及自定义参数。

function ajaxload(status) 
{
	alert(status);
    if (status === "success") 
    {
        $("div#loading").hide();
        $("div#content").show();
	    $("input#keysearch").blur();
    } 
    else 
    {
        var msg = "Sorry but there was an error";
        $("div#loading").text(msg);
    }
}
$("div#keylist ul li").on("click", function(event) 
{
        event.preventDefault();
        $("div#content").hide();
        $("div#loading").show();
        $("div#content").load("http://stacksnippets.net/js",ajaxload(status));
}
);
#loading {
	display:none;
	border: 1px solid #F00;
	bottom:0;
	left:15vw;
	width:70vw;
	height:80vh;
    overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	padding:2vh 2vw;
	box-sizing: border-box;
	text-align:center;
position: fixed;
}
#content {
	visibility:visible;
	border: 1px solid #F00;
	position:fixed;
	left:15vw;
	right:15vw;
	bottom:0;
	width:70vw;
	height:80vh;
    overflow-y:auto;
	-webkit-overflow-scrolling: touch;
    text-align:justify;
    z-index:0;
	padding:2vh 2vw;
	box-sizing: border-box; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="keylist">
  <ul>
      <li><a href="">ABORT</a></li>
      <li><a href="">ABS</a></li>
      <li><a href="">ACCESS</a></li>
  </ul>
</div>
<div id="content">
</div>
<div id="loading">
  Loading...
</div>

Jquery函数load()在第二个参数中返回状态,尝试如下操作:
$( "div#content" ).load( "http://stacksnippets.net/js", function( response, status, xhr ) {
    ajaxload(status);
});

希望这能有所帮助。