ajax的列表联动示例
ajax的列表联动示例
1、 输入域：
请选择省：
<select id="sel1" onchange="return choose(this);">
<option value="">--请选择--</option>
<option value="1">湖南省</option>
<option value="2">湖北省</option>
</select>
请选择市：
<select id="sel2">
<option value="">--请选择--</option>
</select>
2、 JavaScript脚本：
var xmlHttp;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpReuqest();
}
}
//选择下列列表中的值
function choose(obj) {
var province = obj.value;
createXMLHttpRequest();
xmlHttp.onreadystatechange = process;
xmlHttp.open("GET", "SelProvince?province=" + province);
xmlHttp.send(null);
}
//用来处理状态改变的函数
function process() {
//定义一个变量用于存放从服务器返回的响应结果
var result;
if(xmlHttp.readyState == 4) { //如果响应完成
&
相关文档：
var jsonObj;
var xmlhttp = null;
function callAsync(url, callbackSuccess)
{
xmlhttp = new Ajax();
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange=function()
{
// readyState = 4 ; "complete"
if (xmlhttp.readyState==4)
{ ......
在看文章前，先指定一个通用的变量xhr，xhr代码ajax对象。
测试浏览器：ie为ie6，firefox为2，其他的未测试。统称ie6为ie，firefox2为ff。
基本的
1，最经典的就是ie下的缓存问题了。
如果使用的是get，那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数，使url变为唯一，这样就不会出现 ......
<script language="javascript" type="text/javascript">
var xmlHttp = null;
function CreateXMLHttp()
{
......
var xmlHttp;
var flag = false;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
fu ......
在使用JQuery的ajax访问页面时，总是出错，得不到返回的html代码，又不知道出的什么错，百思不得其解
于是就用XMLHTTP去访问，结果也出错，不过能够得到错误原因，然后根据错误因为去网上查，终于得到了答案。。
原来jsp的编码与java的编码不一致
方案①
错误
<%@ page contentType="text/html;charset= ......
