调用数据而不刷新

时间:2010-06-02 07:08:31

标签: jquery

我正在努力做一件小事,任何一个帮助我,我真的很赞... 我有一个下拉菜单,我想当我选择值时,它会调用相关数据,我用php + mysql访问,我不想跳转到其他页面并显示

1 个答案:

答案 0 :(得分:1)

<强> HTML

<select id="select1" size="1">
   <option value="1">value 1</option>
</select> 

<强>的jQuery

$(document).ready(function(){
  $('#select1').change(function(){
   var url;
   if (this.value == 1) {
       url = 'sample1.php'
   } else if (this.value == 2) {
       url = 'sample2.php'
   } else {
       url = 'sample3.php'
   }
   var data = {'id': this.value }
   $.ajax({
      method: 'get',
      data: data,
      url: url,
      success: function(result){
         alert(result);
      }
   });
  });
})

php sample.php

<?php 

   if ($_GET['id']) {
      // do some MySql stuff....
      echo 'some result';
   }
?>

类似的东西......;)