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>";
}
?>
中文乱码
分享到:
相关推荐
这个"jquery+php+mysql省市县Ajax三级联动代码"是实现这种功能的一个实例,结合了前端JavaScript库jQuery、后端PHP编程语言以及MySQL数据库。下面我们将详细探讨这个技术组合在实现三级联动中的应用。 首先,jQuery...
jQuery是一个强大的JavaScript库,简化了JavaScript的使用,提供了丰富的DOM操作、事件处理、动画效果和Ajax交互。它的写法简洁,如`$('selector').action()`,大大降低了开发难度,提高了效率。jQuery还支持插件...
在Web开发中,使用jQuery处理异步请求(AJAX)是一种常见且必要的操作。AJAX允许我们向服务器请求数据,而无需重新加载整个页面,从而提高应用程序的性能和用户体验。以下,我们将详细介绍jQuery中实现AJAX页面局部...
本篇文章将围绕“ThinkPHP3.2.2入门小实验”这一主题,详细探讨在jQuery、Ajax、PHP、JSON、Memcache和MySQL环境下,如何利用ThinkPHP进行实际项目开发。 首先,让我们从基础开始。ThinkPHP3.2.2是ThinkPHP框架的一...
同时,可以通过修改代码,实验不同的效果,加深对jQuery的理解。 此外,"jquery-ui-1.8.16"版本可能较旧,建议更新至最新版以获得更好的性能和兼容性。在实际项目中,开发者应结合jQuery UI文档和在线资源,不断...
**jQuery学习资料详解** jQuery,一个轻量级的JavaScript库,极大地简化了DOM操作、AJAX交互、动画效果以及插件开发,使得Web开发者能够更高效地构建动态和交互性的...在实践中不断探索和实验,是掌握jQuery的关键。
在本实验中,我们将重点探讨如何使用jQuery LigerUI框架来创建动态、交互式的表格,并通过Ajax技术从数据库中获取并填充数据。 **实验目标:** 1. **掌握jQuery LigerUI框架设计表格**:jQuery LigerUI是一款基于...
通过不断地实验和调试,你可以更好地理解Ajax的工作原理,以及如何在实际项目中有效地运用它。同时,随着技术的发展,现代前端框架如React、Vue等也提供了更高级的Ajax封装,使得异步数据交互变得更加便捷。
《PHP Web应用开发》 作者:娄不夜 张军 12章主要介绍了Ajax和jQuery的使用方法
6. **使用Ajax或jQuery实现表单验证**: - 使用Ajax可以在不刷新页面的情况下验证表单数据。 - 示例代码如下: ```javascript $(document).ready(function(){ $('#myForm').submit(function(event){ event....
例如,使用jQuery库发送POST请求获取员工列表: ```javascript $.ajax({ type: 'POST', url: 'getEmployees.php', success: function(data) { // 更新HTML元素,显示员工列表 } }); ``` 在实际部署时,还需要...
这个简单的实验不仅演示了如何使用`$.getJSON`进行跨域请求,还提供了如何构建一个基本的API接口,使得其他应用可以通过Ajax与之交互。在实际开发中,需要考虑更多的安全性、错误处理和性能优化,比如输入验证、异常...
实验报告可能会涵盖DOM操作、事件处理、AJAX(异步JavaScript和XML)请求,以及如何使用JavaScript库和框架如jQuery或React。 服务器端编程涉及后端逻辑的实现,如处理用户请求、数据验证和数据库交互。报告可能...
- **jQuery AJAX提交**: - 当使用字符串作为`data`参数时,该字符串直接作为POST请求的数据部分发送给服务器。 - 当使用对象作为`data`参数时,jQuery会自动将对象转换为键值对形式的字符串,并作为POST请求的...
PHP实现页面异步刷新数据 一、实验环境 1、环境搭建:Windows 8+Apache 2.4.18+MySQL 5.7.11+PHP 7.1.0 。 2、文本编辑器:Sublime Text3。... 本实验使用PHP基础知识、JQuery和AJAX知识实现页面异步交互。
5. **前端框架**:虽然未明确提及,但为了提升用户体验,可能会使用如jQuery或现代的Vue、React、Angular等前端框架简化DOM操作和事件处理。 6. **用户体验优化**:使用JavaScript实现动画效果,提供反馈提示,提升...
4. **JavaScript**:作为客户端的主要脚本语言,实验可能涉及DOM操作、AJAX异步请求、事件处理以及JavaScript库和框架的应用,如jQuery或React。 5. **Web服务器与数据库**:如果实验深入,可能还涵盖了服务器端...
在Lab8中,学生将学习如何使用JavaScript库(如jQuery或原生XMLHttpRequest对象)来发送AJAX请求,获取PHP服务返回的数据,并在前端动态地显示这些数据。这提升了用户体验,因为用户无需等待整个页面重新加载即可...
同时,可能需要使用Ajax、jQuery等技术实现页面无刷新更新,提升用户体验。 四、安全与隐私保护 系统必须重视用户数据的安全性和隐私保护,采用HTTPS协议加密通信,防止数据泄露。同时,要对用户密码进行加密存储...
实验可能会涵盖DOM操作、AJAX异步通信、事件处理以及库和框架如jQuery或Vue.js的使用。 二、后端开发 后端开发处理服务器端的逻辑,数据存储和处理用户请求。常见的后端技术有PHP、Python、Java、Node.js等。 1. ...