Javascript 我试图使用这种ajax方法,但它不起作用
我已经创建了一个select元素,我想在其中链接我的xml文件,这样当用户选择项目时,每个项目都应该显示来自xml的段落。因此,我编写了ajax方法,该方法现在不适用于我,是的,文件english.xml位于同一目录中 这是针对Apache Cordova 8.0、JavaScript 8.0版的Javascript 我试图使用这种ajax方法,但它不起作用,javascript,html,ajax,xml,phonegap,Javascript,Html,Ajax,Xml,Phonegap,我已经创建了一个select元素,我想在其中链接我的xml文件,这样当用户选择项目时,每个项目都应该显示来自xml的段落。因此,我编写了ajax方法,该方法现在不适用于我,是的,文件english.xml位于同一目录中 这是针对Apache Cordova 8.0、JavaScript 8.0版的 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/jquery-1.1
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<meta name="http-equiv" content="Content-type: text/html;" charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
<link rel="stylesheet" type="text/css" href="js/jquery-1.5.0.mobile.min.css">
<link rel="stylesheet" type="text/css" href="css/english.css">
</head>
<body>
<div>
<select class="letters" id="alpha" onchange="giveSelection(this.value)">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">D</option>
<option value="f">F</option>
</select>
<select class="story" id="story" onchange="storyelected(this.value)">
<option data-option="a">A blessed home</option>
<option data-option="a">Amazing park</option>
<option data-option="a">As they passed</option>
<option data-option="b">Blessed times</option>
<option data-option="b">Being humble</option>
</select>
</div>
<div data-role="content" class="ui-content" role="main" placeholder="Filter by data-option">
<div class="content-primary">
<hr>
<div style="padding: 20px; background-color:White; border-color:Gray; border-style:solid; border-width:1px;border-radius:10px; font-family: Times New Roman; text-transform: none;" id="textarea" type="text" name="textarea">
<p id="lyrics"></p> // this is where i want the story to be shown
</body>
</html>
这是我的Java脚本代码。
当用户从select中选择一个选项时,我希望只有从XML文件获取的主题类别才会显示为输出。如果您在控制台中这样打印错误,调试可能会更容易:
$.ajax({
type: 'get',
url: 'english.xml',
dataType: 'xml',
error: function (e) {
console.log("XML reading Failed: ", e);
},
success: function(data) {
console.log(data)
}
});
另外,请注意,在您发布的代码中,您缺少分号;最后 我发现函数没有被调用 Html
我还必须更改select的ID。注意到并更改了,非常感谢,但它仍然没有从XML中获取文本。您是否在浏览器控制台中获得任何输出?是的,除了$ajax。。。开始。查询选择和所有操作正常。。
$.ajax({
type: 'get',
url: 'english.xml',
dataType: 'xml',
error: function (e) {
console.log("XML reading Failed: ", e);
},
success: function(data) {
console.log(data)
}
});
<select class="letters" id="alpha" onchange="giveSelection(this.value)" onclick="calltext()">
function (calltext){$ajax....}