会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134012个问题
JAVA 全系列/第二十三阶段:分布式医疗云平台/项目环境搭建(旧) 22396楼
JAVA 全系列/第二十三阶段:分布式医疗云平台/项目环境搭建(旧) 22397楼

这是我的前端代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script>
        function but() {
            //创建XMLHttpRequest 对象
            var xhr = new XMLHttpRequest();
            //给定请求方式以及请求地址
            xhr.open("get","single.do");
            //发送请求
            xhr.send();
            //获取服务器端给客户端的响应数据
            xhr.onreadystatechange = function () {
                if(xhr.readyState == 4 && xhr.status == 200){
                    alert(xhr.responseText);
                    //通过javaScript的内置对象JSON中的parse函数将JSON格式的字符串对转换成javascript对象
                    var obj = JSON.parse(xhr.responseText);
                    alert(obj.userid+" "+obj.username);
                    document.getElementById("span").innerHTML=obj.userid+"<br/>"+obj.username;
                }
            }
        }
    </script>
</head>
<body>
<h3>ajax案例</h3>
<span id="span"></span>
<input type="button" value="ok" onclick="but()">
</body>
</html>

这是后台代码

import com.bjsxt.pojo.User;
import com.fasterxml.jackson.databind.ObjectMapper;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/single.do")
public class SingalObject extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //创建Users对象
        User users = new User();
        users.setUserid(1);
        users.setUsername("oldlu");
        //使用jackson的API将Users对象转换为JSON格式的字符串对象
        ObjectMapper objectMapper = new ObjectMapper();
        //将Users对象转换为JSON格式的字符串对象
        String string = objectMapper.writeValueAsString(users);
        System.out.println(string);
        //设置响应类型为application/json
        resp.setContentType("application/json");
        PrintWriter pw = resp.getWriter();
        pw.print(string);
        pw.flush();
        pw.close();
    }

代码检查了好多遍但是不弹框报错500


图片.png图片.png

JAVA 全系列/第六阶段:JavaWeb开发/Ajax技术详解(旧) 22398楼
Python全系列/第二阶段:Python 深入与提高/游戏开发-坦克大战 22400楼
Python全系列/第二阶段:Python 深入与提高/模块 22401楼
Python全系列/第二阶段:Python 深入与提高/文件处理 22403楼
JAVA 全系列/第八阶段:Linux入门到实战/Linux(旧) 22407楼

老师为什么我选择中国时没有弹出对应的值啊,换火狐,360急速浏览器,谷歌还是一样的,麻烦帮看下哪里错了,谢谢

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div1{
				width: 200px;
				height: 200px;
				border: 2px solid yellowgreen;
			}
			
		</style>
		
		<script>
		function dome1(){
			//获得div 的对象		
			var div= document.getElementById("div1");
			
			//获得文本内容
			//会获得html中的内容
			var inn=div.innerHTML;
			
			//只会获得文本内的信息
			var inn2=div1.innerText;
			//console.log(inn);
			//console.log(inn2);
			
			//会识别html中的信息 
			//div.innerHTML="<h2>我们没有什么不一样</h2>";
			
			//不会识别html信息,会当做文本内容原封不动的输出 	+=:在后面追加值
			div.innerText+="<h2>我们没有什么不一样</h2>";
			/*
			 双标签有innerHTML和innerText
			 单标签获得的时候用value获得(可以查看	04DOM中操作节点对象的属性.html)
			 
			 特殊标签:
			 select ,textarea
			 */
			function demo2(){
				//获得select的对象
				var sel=document.getElementById("sele");
				alert(sel.value);
			}
			
			function demo3(){	
				var te=document.getElementById("tex");
				alert(te.value);
			}
		}
		
		
		</script>
	</head>
	<body>		
		<div id="div1">
			<span>我们不一样</span>
			
		</div>
		
		<input type="text" value="" name="inp2" id="inp2" />
		<hr />
		<select id="sele" onchange="demo2()">
			<option value="0">--请选择--</option>
			<option value="1">中国</option>
			<option value="2">日本</option>
		</select>
		<hr />
		<textarea rows="20" cols="20" id="tex">sdfsaas1566</textarea>
			<input type="button" value="操作元素文本内容" onclick="demo3()" />
	</body>
</html>


image.png

JAVA 全系列/第五阶段:网页编程和设计/Javascript 语言(旧) 22409楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637