调用PHP下拉列表后,ajax不会响应

时间:2016-11-17 06:08:55

标签: javascript php jquery html ajax

我尝试在我的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');
        }
    });
}

1 个答案:

答案 0 :(得分:4)

trump_posts <- read.csv(file="C:\\Users\\TAFer\\Documents\\R\\TrumpFBStatus1.csv", 
                        sep = ",", stringsAsFactors = TRUE)
trump_text <- trump_posts[trump_posts$Facebook.Status, ]

请使用此代码替换您的每个功能。然后重试。