为什么我将jquery .load()状态变为空白?

时间:2015-12-25 15:11:33

标签: javascript jquery html ajax

请检查代码的javascript部分。当我点击链接时,我希望它将特定页面加载到"内容"显示" loading"正在提取页面时使用div。当请求的页面已加载到"内容"时,我还想进行一些其他更改。 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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

Jquery函数 load() 在第二个参数中返回状态,尝试按以下方式执行:

[HKEY_LOCAL_MACHINE\software\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\NameSpace\{fd4df9e0-e3de-11ce-bfcf-abcd1de00000}]

希望这有帮助。