使用 AJAX 显示文本文件的内容

Displaying contents of a Text file using AJAX

本文关键字：文件 文本 AJAX 显示 使用      更新时间：2023-09-26

我是使用ajax的新手，我真的很迷茫。我正在尝试将它放在我有四个国家（美国、加拿大、墨西哥和俄罗斯）的地方，当用户选择带有单选按钮的国家/地区时，它将抓取 4 个文本文件之一，然后显示该国的城市。（这些城市在文本文件中）有人可以帮忙吗？显然，文本文件位于另一个站点上。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <!-- This is assign09.html -->
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> Ajax </title>
    <script type="text/javascript">
        function loadXMLDoc() {
            req=new XMLHttpRequest();
            req.onreadystatechange=function() {
                if (req.readyState==4 && req.status==200) {
            document.getElementById("div1").innerHTML=req.responseText;
                }
            } // end of onreadstatechange function
            req.open("GET","usa.txt",true);
            req.send();
        }
    </script>
</head>
<body>
    <h1 style="text-align:center">Countries</h1>
    <form name="submission" action="">
        <input type="radio" name="countries" id="usa" value="1">USA</br>
        <input type="radio" name="countries" id="canada" value="2">Canada</br>
        <input type="radio" name="countries" id="mexico" value="3">Mexico</br>
        <input type="radio" name="countries" id="russia" value="4">Russia</br>
        <button class="buttonS" type="submit">Submit</button>
    </form>
</body>
 </html>

使用 jQuery 是执行 AJAX 请求的最佳方式。由于不同的浏览器处理 AJAX 请求的方式略有不同，jQuery 团队已经处理了这个问题，以便您可以编写通用的 AJAX 函数。

相关文章：