jQuery AJAX 实现省市县联动效果

"该文档是关于使用jQuery、Ajax和$.getJSON方法实现省市县级联动效果的示例代码。" 在Web开发中，省市县级联动是一种常见的交互功能，它允许用户从一个下拉菜单选择省份后，根据所选省份动态加载对应的市、县数据。在这个示例中，前端使用了jQuery库来简化JavaScript操作，通过Ajax技术与后台进行异步通信，而$.getJSON是jQuery提供的一个便捷方法，用于从服务器获取JSON数据。 首先，我们看到HTML部分设置了一些基础的页面元信息，并引入了jQuery库（jQuery-1.4.2.js）以及一个扩展库（ext/jquery.json.js），这个扩展库可能包含了对JSON数据处理的辅助函数。 在JavaScript部分，利用`$(document).ready`确保在DOM加载完成后执行代码。`.getJSON()`方法被用来向服务器发送异步请求，获取JSON数据。在这个例子中，请求的URL是"city"，这通常意味着服务器上有一个处理城市数据的Action或Controller。 当服务器返回JSON数据时，`function(data)`会被调用，`data`参数包含了从服务器接收到的数据。接着，使用`.each()`遍历JSON对象中的每一个城市（city）。在循环内部，`alert(city["cityname"])`用于验证数据是否正确获取，实际应用中，这部分可能会用来填充省份的下拉菜单。 为了清空已有的省份列表，`$("#province").empty()`被调用，然后添加一个默认选项`"<option value='0'>----选择省份----</option>"`。在实际的联动效果中，会根据`data`中的数据创建更多的`<option>`元素，并插入到`#province`下拉菜单中。 在用户选择省份之后，通常会触发一个事件，如`onchange`，这个事件会触发另一个Ajax请求，获取选定省份下的市、县数据，填充到相应的下拉菜单中。这部分代码没有在提供的内容中给出，但它是完整联动功能的关键组成部分。 这个示例展示了如何使用jQuery和Ajax实现动态加载下拉菜单内容，特别是对于需要从服务器获取并更新数据的场景，这样的方法提高了用户体验，避免了页面的刷新。同时，通过$.getJSON，开发者可以更方便地处理JSON格式的响应数据。