gpt4 book ai didi

javascript - 如何获得一个简单的 jQuery 代码来替换我当前的 Javascript

转载 作者:行者123 更新时间:2023-12-02 20:14:13 26 4
gpt4 key购买 nike

目标:当单击导航上的链接时,将显示旋转图像,直到脚本完全加载。

function ahah(url, target) {
document.getElementById(target).innerHTML = '<img src="loading.gif" />';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if (req != undefined) {
req.onreadystatechange = function() {ahahDone(url, target);};
req.open("GET", url, true);
req.send("");
}
}

function ahahDone(url, target) {
if (req.readyState == 4) { // only if req is "loaded"
if (req.status == 200) { // only if "OK"
document.getElementById(target).innerHTML = req.responseText;
} else {
document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
}
}
}

function load(name, div) {
ahah(name,div);
return false;
}

在链接

<a href="wrapper.html" onclick="load('file1.html','content');return false;">File 1</a>
<a href="wrapper.html" onclick="load('file2.html','content');return false;">File 2</a>

在内容包装上

<div id="content"></div>

让我知道在 jquery 上执行此操作的简单方法。

最佳答案

假设每个 <a href="wrapper.html">元素依次对应于 file-n.html ,你可以这样做:

$(function() {
var content = $('#content');

$('a[href="wrapper.html"]').each(function( i ) {
var name = "file" + (i + 1) + '.html';

$(this).click(function( e ) {
e.preventDefault();
content.html( '<img src="loading.gif" />' );
$.ajax({
url: name,
dataType: 'html',
success: function( data ) {
content.html( data );
},
error: function(xhr, status, error) {
content.html( "Error:\n" + status + "\n" + error;
}
});
});
});
});

当然,不要忘记首先包含 jQuery 库。

关于javascript - 如何获得一个简单的 jQuery 代码来替换我当前的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6543098/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com