当前位置: 代码迷 >> JavaScript >> ajax回调函数有关问题
  详细解决方案

ajax回调函数有关问题

热度:208   发布时间:2013-03-14 10:33:15.0
ajax回调函数问题
最近在学习ajax,教程中提到这个一个例子:

function getText(url, callback) {
    var request = new XMLHttpRequest();         // Create new request
    request.open("GET", url);                   // Specify URL to fetch
    request.onreadystatechange = function() {   // Define event listener
        // If the request is compete and was successful
        if (request.readyState === 4 && request.status === 200) {
            var type = request.getResponseHeader("Content-Type");
            if (type.match(/^text/))            // Make sure response is text
                callback(request.responseText); // Pass it to callback
        }
    };
    request.send(null);                         // Send the request now
}



我把上面的代码运用起来:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
  <script type="text/javascript">
      function getText(url) {   
    var request = new XMLHttpRequest();         // Create new request
    request.open("GET", url);                   // Specify URL to fetch
    request.onreadystatechange = function () {   // Define event listener
        // If the request is compete and was successful
        if (request.readyState === 4 && request.status === 200) {
            var type = request.getResponseHeader("Content-Type");
            //myfun(type);
            myTest(request.responseText);
        }
    };
    request.send(null);                         // Send the request now
}
function myTest(str) {
    document.getElementById('A3').innerHTML = str;
  相关解决方案