在介绍ajax实现select三级联动效果的知识点之前，首先要了解什么是三级联动。三级联动是指在一个Web页面中，通过选择一个下拉列表选项，能够触发其他两个下拉列表选项的动态更新。通常这样的场景用于地理位置信息的选择，例如国家、省份（或州）、城市。
实现三级联动通常涉及到前端JavaScript代码和后端数据处理。前端代码负责页面上用户交互的响应，而后端则负责根据前端传递的参数，查询数据库，返回相应的数据。
在本示例中，使用了ajax技术来实现三级联动。ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。通过ajax技术，可以与服务器交换数据并仅更新页面的局部，而不是整个页面。
利用ajax实现select三级联动的关键步骤包括：
1. 页面加载完成后，使用jQuery的ajax方法从服务器端获取第一级选项数据。
2. 页面上预设一个或多个select元素，这些元素分别对应三级分类中的第一级、第二级、第三级。
3. 用户选择第一级分类后，触发事件处理函数，该函数会清空第二级和第三级下拉列表，并向服务器发出请求，传入第一级分类的标识（通常是code），获取第二级分类数据。
4. 接收到第二级分类数据后，将数据动态添加到第二级select元素中。
5. 与第二步类似，用户选择第二级分类后，触发事件处理函数，清空第三级下拉列表，并请求第三级分类数据。
6. 第三级分类数据被动态添加到第三级select元素中，实现三级联动效果。
根据提供的代码示例，这里的前端JavaScript代码使用了jQuery库来简化ajax调用和DOM操作。在jQuery中，$.ajax方法用于执行一个ajax请求。在这个示例中，第一级分类是通过以下代码获取并填充的：
```javascript
$(document).ready(function(){
$.ajax({
type: "get",
dataType: "text",
url: "GetItemAction?itemlevel=1",
success: function(data){
var objJSON = eval("(" + data + ")");
var len = objJSON.itemInfo.length;
var objSelect = document.getElementById("firstlevel");
for(var i = 0; i < len; i++){
var op = new Option(objJSON.itemInfo[i].itemname, objJSON.itemInfo[i].itemcode);
objSelect.add(op);
}
},
error: function(XMLHttpRequest, textStatus, errorThrown){
alert(errorThrown);
}
});
});
```
对于第二级和第三级的选择事件处理函数，它们分别负责在用户选择了上一级选项后，通过ajax请求获取数据，并更新其下一级选项的内容。
需要注意的是，在实际开发中，eval()函数由于安全性问题并不推荐使用，因为eval()可以执行任意JavaScript代码，这可能导致安全漏洞。在本示例中，为了代码简单易懂，使用了eval()来将JSON格式的字符串转换为JavaScript对象。在生产环境中，应该使用JSON.parse()来代替eval()函数实现同样的功能。
此外，本示例中前端代码使用了jQuery 1.9.1版本，因此需要确保页面中引入了对应的jQuery库文件。
通过上述步骤和代码示例，可以清晰地理解如何使用ajax和jQuery实现一个select的三级联动效果。这个知识点在开发动态网站和在线交互式应用程序时非常有用。
