Ajax添加省份到下拉框里

2024-06-06 00:08
文章标签 下拉框 ajax 省份

本文主要是介绍Ajax添加省份到下拉框里,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、jsp页面

<select name="province" ><option>请选择省份:</option>
</select>

 

$(function(){//第一步:创建XMLHttpRequest对象var xmlhttp;if (window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}//第二步:调用open()xmlhttp.open("GET","${pageContext.servletContext.contextPath}/cityServlet.do?method=chooseCity",true);
//第三步:调用send() 
xmlhttp.send();
//第四步 xmlhttp.onreadystatechange = function(){if (xmlhttp.readyState==4){if(xmlhttp.status==200){var city = xmlhttp.responseText;var provinces = city.split(",");for(var i = 0 ; i<provinces.length-1 ; i=i+2){var opt = new Option(provinces[i+1],provinces[i]);$("select[name='province']").append(opt); }}else{alert("错误");}}};
});

  

二、CityServlet.java(继承HttpServlet、重写方法、配置xml)

response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.print("01,山西,02,山东,03,河北");

 

这篇关于Ajax添加省份到下拉框里的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1034557

相关文章

vue+elementUI下拉框联动显示

<el-row><el-col :span="12"><el-form-item label="主账号:" prop="partyAccountId" :rules="[ { required: true, message: '主账号不能为空'}]"><el-select v-model="detailForm.partyAccountId" filterable placeholder="

echarts省份标注加散点效果

这个是安徽的效果图,鼠标移到红色标注或者对应的市区位置都会显示对应的数值。 先直接上代码: import anhuiMapJson from './anhui.json'getCoords: function(city) {var res = [];if (city != null) {for (var c in this.cityMap.features) {if (this.cityMa

(1995-2022年) 全国各省份-技术交易活跃度

技术交易活跃度是一个关键指标,用于衡量技术市场的交易频繁程度和活跃性。它不仅显示了市场参与者对技术交易的参与热情,而且交易的频率也体现了市场的活力。这一指标对于不同的利益相关者具有不同的意义: 对投资者而言,技术交易活跃度是把握市场趋势、评估交易策略和预测市场波动的重要工具。对企业来说,技术交易活跃度反映了其技术创新的活跃程度和市场竞争的激烈程度,有助于企业制定技术创新和市场竞争策略。对政策制定

Ajax及其工作原理

Ajax及其工作原理 AJAX 是一种与服务器交换数据无需刷新网页的技术,最早由Google公司在谷歌地图里使用,并迅速风靡。 AJAX是不能跨域的,如需跨域,可以使用document.domain='a.com';或者使用服务器代理,代理XMLHttpRequest文件 AJAX是基于现有的Internet标准,并且联合使用它们: XMLHttpRequest 对象 (异步的与服

IP地址解析省份区域信息

背景 最近工作需要根据IP地址,解析通话所在省份。因此,在网上找了相关方案,作为存档记录下来。 在线接口 不做阐述。因为,一是网上可以很轻松的找到,没有必要多说。二是开发在内网中,多数不会让连接外网。三是多数花钱的方案,公司审批麻烦。 离线方案 调研了开源的ip2region,但是其不支持IPV6,因此使用mica-ip2region版。mica-ip2region,已内置了IP数据源,

AJAX第二例(发送POST请求)

第二例:发送POST请求(如果发送请求时需要带有参数,一般都用POST请求) * open:xmlHttp.open("POST" ....); * 添加一步:设置Content-Type请求头:   > xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); * send:xmlHttp.

AJAX:如何编写一个关于AJAX的Hello World?(ajax发送异步请求(四步操作))

用到的一个Servlet类: package cn.edu.web.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;impor

AJAX概述,应用场景和其优缺点

AJAX小例子: <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ajax跨域——Jsonp

今天在进行学习的当中,想利用jquery当中的$.ajax访问其他服务器来获取数据.这时在Console中提示 XMLHttpRequest cannot load http://0.0.0.0:3001/xxxx. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'ht

用 jsp 写的 ajax 技术实现省市县等 n 级联动

参考网上一些例子,以及看的一些视频,使用 ajax 技术写的第一个实例。 功能要求:选择省,出现相应的市;再选择市,出现相应的学校……(PS.  不管多少级联动 , 明白第一级联动的原理后,后面的 n 级联动都是一样的) 前端JSP: <div class="right"><h3>请输入教师信息:</h3><form action="LogingTeacher" encty