ajax+sevrlet+html+数据库实现前后端的简单交互

IBLiplus

于 2018-07-30 22:55:04 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Java HTML 文章标签： Java ajax 前后端的交互

本文链接：https://blog.youkuaiyun.com/IBLiplus/article/details/81293555

本文介绍了一个利用Ajax、Servlet、HTML和数据库进行前后端交互的实践案例。在Servlet中，通过循环遍历预设的文章ID数组，从数据库获取对应内容，转化为JSON字符串并传递给前端。前端通过Ajax接收数据，成功后动态显示页面内容。同时，文章链接携带特定ID，用于新页面加载详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
		function shouye(){
			   
			   var data1 ={
					  
			   }
			   var url = "http://localhost:8080/office/shouye";
				 $.ajax({
				        type: "post",
				        url: url,
				        data: data1,
				        cache: false,
				        async : false,
				        
				        success: function (data ,textStatus, jqXHR)
				        {
	                         //<tr><td style="width: 400px;">天津校长来我校参观交流2</td><td ><b id>[07-20]</b></td></tr>
			        	
				        	if(data.code == 200){
				        		
				        		//alert("加载成功啦");
				        		for(var i = 0;i<data.shuzu.length;i++){
				        	          //工作动态
				        	         // alert(data.shuzu[i][4]);
				        			if(2==data.shuzu[i][4]){
				        				//append('<tr style="width: 600px;border-bottom: 1px dashed black; display: block; float:left;"><td style="float:left;"><a href="content.htm