草庐IT

javascript - 在 PHP 中调用下拉列表后,ajax 不会响应

coder 2024-05-02 原文

我尝试在我的 html 页面上使用 php 通过 ajax 从 API 获取数据,当我尝试建立直接链接时它成功运行但是当我尝试在我的下拉菜单中使用 ajax 调用它时,就像调用 ajax 失败一样..

这是我的html

<head>
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/skeleton.css">
      <script type="text/javascript" src="js/jquery-2.1.3.min.js">
      </script>
      <script type="text/javascript" src="js/script.js"></script>
      <title>Penggunaan API RajaOngkir | IDMore</title>
</head>
 <body>
   <div class="container">
     <div class="row">
       <br />
       <div class="twelve columns">
         <h1>Hitung Ongkos Kirim</h1>
       </div>
     </div>
     <div class="row">
       <div class="twelve columns">
         <h5>Masukan Data</h5>
       </div>
     </div>
     <div class="row">
       <div class="two columns">Asal
       <br />
       <select id="oriprovince">
         <option>Province</option>
       </select></div>
       <div class="two columns">
         <br />
         <select id="oricity">
           <option>Kota</option>
         </select>
       </div>
       <div class="two columns">Tujuan
       <br />
       <select id="desprovince">
         <option>Provinsi</option>
       </select></div>
       <div class="two columns">
         <br />
         <select id="descity">
           <option>Kota</option>
         </select>
       </div>
       <div class="two columns">Layanan
       <br />
       <select id="service">
         <option>JNE</option>
         <option>POS</option>
         <option>TIKI</option>
       </select></div>
       <div class="two columns">
         <br />
         <button id="btncheck">Cek Harga</button>
       </div>
     </div>
     <div class="row">
       <div class="twelve columns">
         <h5>Harga</h5>
       </div>
       <hr />
       <table class="twelve columns">
         <tr>
           <th>Servis</th>
           <th>Deskripsi Servis</th>
           <th>Lama Kirim (hari)</th>
           <th>Total Biaya (Rp)</th>
         </tr>
         <span id="resultsbox">
           <tr>
             <td>...</td>
             <td>...</td>
             <td>...</td>
             <td>...</td>
           </tr>
           <tr>
             <td>...</td>
             <td>...</td>
             <td>...</td>
             <td>...</td>
           </tr>
         </span>
       </table>
     </div>
   </div>
 </body> 

这是我的 javascript。

$(document).ready(function() {
    loadProvinsi('#oriprovince');
    loadProvinsi('#desprovince');
    $('#oriprovince').change(function() {
        alert('yussan');
    });
    $('#desprovince').change(function() {
        alert('yussan');
    });
});

function loadProvinsi(id) {
    $('#oricity').hide();
    $('#descity').hide();
    $(id).html('loading...');
    $.ajax({
        url: 'process.php?act=showprovince',
        dataType: 'json',
        success: function(response) {
            $(id).html('');
            province = '';
            $.each(response['rajaongkir']['results'], function(i, n) {
                province = '<option value="n[province_id]">'+n['province']+'</option>';
                <option></option>
                province = province + '';
                $(id).append(province);
            });
        },
        error: function() {
            $(id).html('ERROR');
        }
    });
}

最佳答案

$.each(response['rajaongkir']['results'], function(i, n) {
                var option = '<option value="'+n['province_id']+'">'+n['province']+'</option>'; 
                province += option;
            });
                $(id).append(province); 

请用此代码替换您的每个函数。然后重试。

关于javascript - 在 PHP 中调用下拉列表后,ajax 不会响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40647801/

有关javascript - 在 PHP 中调用下拉列表后,ajax 不会响应的更多相关文章

  1. ruby - Highline 询问方法不会使用同一行 - 2

    设置:狂欢ruby1.9.2高线(1.6.13)描述:我已经相当习惯在其他一些项目中使用highline,但已经有几个月没有使用它了。现在,在Ruby1.9.2上全新安装时,它似乎不允许在同一行回答提示。所以以前我会看到类似的东西:require"highline/import"ask"Whatisyourfavoritecolor?"并得到:Whatisyourfavoritecolor?|现在我看到类似的东西:Whatisyourfavoritecolor?|竖线(|)符号是我的终端光标。知道为什么会发生这种变化吗? 最佳答案

  2. ruby - RVM 使用列表[0] - 2

    是否有类似“RVMuse1”或“RVMuselist[0]”之类的内容而不是键入整个版本号。在任何时候,我们都会看到一个可能包含5个或更多ruby的列表,我们可以轻松地键入一个数字而不是X.X.X。这也有助于rvmgemset。 最佳答案 这在RVM2.0中是可能的=>https://docs.google.com/document/d/1xW9GeEpLOWPcddDg_hOPvK4oeLxJmU3Q5FiCNT7nTAc/edit?usp=sharing-知道链接的任何人都可以发表评论

  3. ruby-on-rails - 项目升级后 Pow 不会更改 ruby​​ 版本 - 2

    我在我的Rails项目中使用Pow和powifygem。现在我尝试升级我的ruby​​版本(从1.9.3到2.0.0,我使用RVM)当我切换ruby​​版本、安装所有gem依赖项时,我通过运行railss并访问localhost:3000确保该应用程序正常运行以前,我通过使用pow访问http://my_app.dev来浏览我的应用程序。升级后,由于错误Bundler::RubyVersionMismatch:YourRubyversionis1.9.3,butyourGemfilespecified2.0.0,此url不起作用我尝试过的:重新创建pow应用程序重启pow服务器更新战俘

  4. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常,除了该文件不是公开可用的,而且我无法获得它的公共(public)URL。但是当我登录到S3时,我可以正常查看我的文件。为了使其公开可用,我将最后一行更改为obj.upload_file(file

  5. ruby-on-rails - 每次我尝试部署时,我都会得到 - (gcloud.preview.app.deploy) 错误响应 : [4] DEADLINE_EXCEEDED - 2

    我是Google云的新手,我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目,而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie

  6. c# - 如何在 ruby​​ 中调用 C# dll? - 2

    如何在ruby​​中调用C#dll? 最佳答案 我能想到几种可能性:为您的DLL编写(或找人编写)一个COM包装器,如果它还没有,则使用Ruby的WIN32OLE库来调用它;看看RubyCLR,其中一位作者是JohnLam,他继续在Microsoft从事IronRuby方面的工作。(估计不会再维护了,可能不支持.Net2.0以上的版本);正如其他地方已经提到的,看看使用IronRuby,如果这是您的技术选择。有一个主题是here.请注意,最后一篇文章实际上来自JohnLam(看起来像是2009年3月),他似乎很自在地断言RubyCL

  7. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  8. java - 从 JRuby 调用 Java 类的问题 - 2

    我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java,并成功地将它与另一个Java包一起使用,但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www

  9. ruby - 调用其他方法的 TDD 方法的正确方法 - 2

    我需要一些关于TDD概念的帮助。假设我有以下代码defexecute(command)casecommandwhen"c"create_new_characterwhen"i"display_inventoryendenddefcreate_new_character#dostufftocreatenewcharacterenddefdisplay_inventory#dostufftodisplayinventoryend现在我不确定要为什么编写单元测试。如果我为execute方法编写单元测试,那不是几乎涵盖了我对create_new_character和display_invent

  10. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

随机推荐