在执行AJAX函数时添加加载文本 - javascript

我一直在尝试添加将在很长一段时间内执行AJAX函数时显示的加载文本,而我的所有尝试(包括使用ajaxStart和ajaxStop等)均未在所有。任何帮助表示赞赏!

Here是有问题的脚本所在的网页,如果您希望看到它的话。它的工作方式是您输入一个URL,然后该函数将获取该URL的元标记。

同时,以下是相关的HTML,Javascript和PHP:

的HTML

<!DOCTYPE html>
    <html>
        <head>
            <title>Keywords Grabber</title>

            <script src="ajax.js"></script>
            <script>
                function display(content) {
                    document.getElementById("displaydiv").innerHTML = content;
                }
                window.onload = function () {
                    document.getElementById("btn1").onclick = function () {
                        var url = document.getElementById("txt1").value;
                        doAjax("metatags.php", "url=" + url, "display", "post", 0);
                    }
                }
            </script>


        </head>
        <body>
            http://<input type="text" id="txt1" value="" />
            <input type="button" id="btn1" value="Get Keywords" />
            <h3>Keywords Received:</h3>
            <div id="displaydiv"></div>



        </body>
    </html>

的JavaScript

 function getXMLHttpRequest() {
    try {
        try {
            return new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e) {
            return new ActiveXObject("Msml2.XMLHTTP");
        }
    }
    catch(e) {
        return new XMLHttpRequest();
    }
}
function doAjax(url, query, callback, reqtype, getxml) {
    var myreq = getXMLHttpRequest();
    myreq.onreadystatechange = function () {
        if (myreq.readyState == 4) {
            if (myreq.status == 200) {
                var item = myreq.responseText;
                if (getxml == 1) item = myreq.responseXML;
                eval(callback + '(item)'); 
        }
    }
}
if (reqtype.toUpperCase() == "POST") {
    requestPOST(url, query, myreq);
    } else {
        requestGET(url, query, myreq);
    }
    }

function requestGET(url, query, req) {
    var myRandom = parseInt(Math.random()*99999999);
    if (query == '') {
        var callUrl = url + '?rand=' + myRandom;
    } else {
        var callUrl = url + '?' + query + '&rand=' + myRandom;
    }
    req.open("GET", callUrl, true);
    req.send(null);
}
function requestPOST(url, query, req) {
    req.open("POST", url, true);
    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    req.send(query);
}

的PHP

    <?php
$tags = @get_meta_tags('http://'.$_REQUEST['url']);
$result = $tags['keywords'];
if(strlen($result) > 0) {
    echo $result;
} else {
    echo "No keywords metatag is available.";
}
?>

javascript参考方案

像这样的东西

 <div id="loading" style="display:none;">loading</div>

Java脚本

 $('#loading').css('display', 'block');
 $.post(url, {}, function(data){
      $('#loading').css('display', 'none');
});

将简单的javascript代码转换为c# - javascript

昨天我在这里问了一个问题。使用javascript和html解决方案很简单前一阵子我打算什么是操纵html来执行javascript中的任务但是我改变了主意,将javascript代码重写为c#这是输入<Abstract> <Heading>Abstract</Heading> <Para TextBreak=�…

如果复选框切换复选框已选中,则在切换div中输入必填字段 - javascript

我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div,我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗?那是工作吗?function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…

从其他文件夹访问母版页 - javascript

我认为这应该很容易但不确定如何解决。我在主文件夹中有一个名为01.aspx的页面01.aspx页应该继承products.master项目根目录存在于products.master中像下面的照片:我使用波纹管代码,但没有任何工作的JavaScript,图像和...01.aspx<%@ Page Title="" Language=&…

打印二维阵列 - javascript

我正在尝试打印子元素。在this example之后。怎么做?。$myarray = array("DO"=>array('IDEAS','BRANDS','CREATIVE','CAMPAIGNS'), "JOCKEY"=>a…

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器,可以在HTML中正常工作,但是当我从PHP回显调用时,似乎没有得到div ID的名称,因此它无法播放我的音频。这是我的代码:// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…