jquery.js

利用js实现与服务器的异步交互


// 本例是通过jQuery框架实现
$(document).ready(function(){
    var Povince=document.all["ddlProvince"];
    $(Povince).change(function(){
        //省份ID编号
        var PovinceID=Povince.options[Povince.selectedIndex].value;
        
        //接受请求的页面
        var HandlerUrl="./Ajax/Handler.ashx?id="+PovinceID+"&num="+Math.random();
        
        $.ajax({
            type:"GET",
            dataType:"xml",
            url:HandlerUrl,
            success:function(xml)
            {
                ShowCity(xml);
            },
            error:function()
            {
                alert("Error");
            }
        });
    });
});

//填充相对应的市
function ShowCity(xml)
{
    var ddlCity=document.getElementById("selCity");
    while(ddlCity.length>0)
    {
        ddlCity.remove(0);
    }
    
    $(xml).find("citys").each(function(){
        var op=new Option($(this).find("city").eq(0).text(),$(this).find("cityID").eq(0).text());
        ddlCity.add(op);
    });
}