如何使用jQuery響應ajax

我使用jquery-ajax並有三個文件。我的文件是：如何使用jQuery響應ajax

jQuery的1.8.3.min.js

的index.html

res.html

jquery-1.8.3.min.js文件是主要的jQuery文件。
index.html的代碼是：

<html> 
    <head> 
     <script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $.ajax({url:'res.html',type:"POST",data:'',success:function(result){ 
         $("#responsediv").html(result); 
        } 
       }); 
      }); 
      $(document).ready(function(){ 
       $('#state_id').change(function(){ 
        alert($(this).val()); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="responsediv"> 

     </div> 
    </body> 
</html>

和res.html代碼：

<select id="state_id" name="state_id"> 
    <option value="1">first</option> 
    <option value="2">second</option> 
    <option value="3">third</option> 
    <option value="4">forth</option> 
</select>

我不知道爲什麼這個代碼不運行過程中出現。

$(document).ready(function(){ 
    $('#state_id').change(function(){ 
     alert($(this).val()); 
    }); 
});

這是示例代碼和簡單代碼。我檢查了另一個項目，並面臨這個問題。謝謝。

來源

2012-12-09 aya

你的res html有'＃state_id'，你引用了一個錯誤的ID''country_id'' – Jai

ajax調用中'result'的值是什麼？它是否爲空？ –

我想這應該是在這裏：

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $.ajax({url:'res.html',type:"POST",data:'',success:function(result){ 
        $("#responsediv").html(result); 
       } 
      }); 
      $(document).on('change', '#country_id', function(){ 
       alert($(this).val()); 
      }); 
     }); 
</script>

注：

you don't need two doc ready handlers.

嘗試，看看是否有所幫助。

來源

2012-12-09 07:46:50 Jai

感謝Jai。但是這個代碼不工作。 – aya

@aya嗯，我檢查了我的本地主機，它工作的很棒！獲取所有值** 1 2 3 4 **。 – Jai

非常感謝Jai – aya

您錯過了HTML中各個國家/地區的選擇框。嘗試修改如下：

<html> 
    <head> 
     <script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $.ajax({url:'res.html',type:"POST",data:'',success:function(result){ 
         $("#responsediv").html(result); 
        } 
       }); 

       $('#country_id').change(function(){ 
        alert($(this).val()); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <select id="country_id"> 
      <option value="0">Select Country...</option> 
      <option value="1">Country One</option> 
      <option value="2">Country Two</option> 
     </select> 
     <div id="responsediv"> 

     </div> 
    </body> 
</html>

來源

2012-12-09 07:36:52 Blazanor

嗨，朋友。我編輯我的代碼和#country_id應改爲#state_id我的代碼，但這個問題存在。 – aya

似乎沒有在你的HTML元素是$('#country_id')將引用。

來源

2012-12-09 07:36:53 qooplmao

如何使用jQuery響應ajax

回答

相關問題