Question

我使用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>

Answer 1

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

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

1 个答案: