Ajax实现--取值追加到页面
目的：将从数据库取到的值，放入下拉框标签中
步骤：
1.发送Ajax求情到后台；
2.取到值；
3.遍历循环；
4.追加节点。
<%@ 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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="JS/jquery-3.3.1.min.js"></script>
<title>JQuery 使用Ajax</title>
</head>
<script>
$(function () {
$.get(
"getUserAllServlet",
{},
function (data) {
//1.获取select标签结点
var select = $("sel");
//2.便利json数组
$(data).each(function () {
//3.创建option
var option="<option name=‘"+this.id+"‘>"+this.name+"</option>";
//4.调用select标签结点，追加option结点
select.append(option);
})
}
)
})
</script>
<body>
<select id="sel">
<option>--请选择--</option>
</select>
</body>
</html> 相关推荐
李永毅 2020-06-21
kentrl 2020-11-10
结束数据方法的参数，该如何定义？-- 集合为自定义实体类中的结合属性，有几个实体类，改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05