为了账号安全,请及时绑定邮箱和手机立即绑定

我正在尝试使用这种 ajax 方法,但它不起作用

我正在尝试使用这种 ajax 方法,但它不起作用

叮当猫咪 2021-12-23 15:48:32
我创建了一个 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.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>当用户从 select 中选择一个选项时,我只希望<p>从 XML 文件中提取的主题(类别)显示为输出。
查看完整描述

2 回答

?
慕斯王

TA贡献1864条经验 获得超2个赞

我发现没有调用该函数。

html

<select class="letters" id="alpha" onchange="giveSelection(this.value)" onclick="calltext()">

JavaScript

function (calltext){$ajax....}

我还必须更改 select 的 ID。


查看完整回答
反对 回复 2021-12-23
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

如果像这样在控制台中打印错误,可能更容易调试:


$.ajax({

  type: 'get',

  url: 'english.xml',

  dataType: 'xml',


  error: function (e) {

    console.log("XML reading Failed: ", e);

  },


  success: function(data) {

    console.log(data)

  }

});

另外,请注意,在您发布的代码中,最后缺少一个分号 (;)。


查看完整回答
反对 回复 2021-12-23
  • 2 回答
  • 0 关注
  • 302 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号