介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title> Insert title here
& lt;/head>
,& lt; script 类型=拔谋?javascript"比;/* *,才能
,,*,得到XMLHttpRequest对象,
,,*/function 才能;getajaxHttp (), {
,,var xmlHttp;
,,try {
,,,//,火狐,Opera 8.0 +, Safari
,,,xmlHttp =, new XMLHttpRequest ();
,,},catch (e), {
,,,//,Internet Explorer
,,,try {
,,,,xmlHttp =, new ActiveXObject (“Msxml2.XMLHTTP");
,,,},catch (e), {
,,,,try {
,,,,,xmlHttp =, new ActiveXObject (“Microsoft.XMLHTTP");
,,,,},catch (e), {
,,,,,警报(“您的浏览器不支持AJAX !“);
,,,,,return 假;
,,,,}
,,,}
,,}
,,return xmlHttp;
,,}/* *,才能
,,*,发送ajax请求,
,,*,url,请求到服务器的URL
,,*,methodtype (post/get),
,,*,con (真(异步)|假(同步)),
,,*,functionName(回调方法名,不需要引号,这里只有成功的时候才调用),
,,*,(注意:这方法有二个参数,一个就是xmlhttp,一个就是要处理的对象),
,,*/function 才能;ajaxrequest (methodtype, url,还以为,欺诈,functionName), {
,,//获取XMLHTTPRequest对象
,,var xmlhttp =, getajaxHttp ();
,,//设置回调函数(响应的时候调用的函数)
,,xmlhttp.onreadystatechange =,()函数,{
,,,//这个函数中的代码在什么时候被XMLHTTPRequest对象调用吗?
,,,//当服务器响应时,XMLHTTPRequest对象会自动调用该回调方法
,,,if (==xmlhttp.readyState 4), {
,,,,if (xmlhttp.status ==, 200), {
,,,,,functionName (xmlhttp.responseText);
,,,,}
,,,}
,,};
,,//创建请求
,,xmlhttp.open (methodtype, url,反对);
,,//发送请求
,,xmlhttp.send ();
,,}
window才能=function () {
,,ajaxrequest (“addressSerlvet ?=provincial"方法,“POST",真的,addrResponse);
,,}//才能动态获取省的信息
function 才能addrResponse (responseContents) {
,,var jsonObj =, new 功能(“return", +, responseContents) ();
,,(var 小姐:=,0;,小姐:& lt;, jsonObj.addrList.length;我+ +){
,,,. getelementbyid(& # 39;选择# 39;).innerHTML +=,
,,,,“& lt; option 价值=https://www.yisu.com/zixun/的“+ jsonObj.addrList[我].id +”“>”
[我]+ jsonObj.addrList .address +
“> 请选择市> 请选择区> ”
[我]+ jsonObj.cityList .address +
“> ”
[我]+ jsonObj.areaList .address +
“> Ajax如何实现省市区三级级联
这篇文章主要介绍Ajax如何实现省市区三级级联,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
实现Ajax实现省市区三级级联,需要Java解析json技术
整体演示下载地址如下:点我下载
地址。html
