php jquery ajax 实验

最新推荐文章于 2022-12-11 15:55:07 发布

最新推荐文章于 2022-12-11 15:55:07 发布 · 140 阅读

文章标签：

#PHP #Ajax #jQuery #JavaScript #HTML #ViewUI

本文介绍了一个简单的示例，通过使用jQuery AJAX技术来实现网页中下拉框的选择项动态加载。当用户选择一个类别后，会触发AJAX请求，从服务器获取相应的数据并更新另一个下拉框的内容。

1，页面

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
function get_category(val){
alert(val);
}
  
  function get_category(cat) {  
         $.ajax({  
         url: 'test.php?',  
         type: 'POST',  
         data:'catid='+cat,  
         dataType: 'html',  
         timeout: 1000,  
         error: function(){  
          alert('Error loading XML document');  
         },  
         success: function(html){  
          $('#text').html(html);  
         }  
         });  
     } 
</script>
<html>
<body>
<select onchange="get_category(this.value)">
<option value="0">请选择</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
</select>
<select id="text"><option>请选择</option></select>
</body>
</html>

2、php

<?php

if($catid == 1){

echo "<option value='0'>请选择</option><option value='1'>hello</option>";
}else{

echo "<option value='0'>请选择</option><option value='1'>world</option>";
}
?>

中文乱码