xhr转json方法

最新推荐文章于 2023-05-18 10:33:51 发布

原创最新推荐文章于 2023-05-18 10:33:51 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#xhr #json

Java 专栏收录该内容

39 篇文章

订阅专栏

本文深入探讨了使用XHR从服务器获取数据并将其转换为JSON格式的过程。通过实例代码展示了如何定义上传对象，处理响应，以及在JavaScript中解析JSON数据。同时，后端接口的实现也得到了详细的说明。

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

xhr转json问题

	    // 定义上传对象
	    var xmlhttp;
	     // 显示确认登记单 
	    function confirmModalBlock() {
            var modal = document.getElementById('confirmModal');
            // 获取勾选的id
            var appointId;
            var items = document.getElementsByName('appointId');
            for (var i = 0; i < items.length; i++) {
                if (items[i].checked) {
                    appointId = items[i].value;
                    break;
                }
            }
            // 获取信息接口
            if (appointId != undefined) {
            	// 路径
                var url = "http://localhost:8080/getSampleAppoint?appointId=" + appointId;
                xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = checkResult;
                xmlhttp.open("GET", url, true);
                // 发送的信息
                xmlhttp.send(null);
                modal.style.display = "block";
            } else {
                alert("请选择预约单!");
            }
        }

        function checkResult() {
        	// 如果回传成功
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                var result = xmlhttp.responseText;
                var json = eval("(" + result + ")");
                alert(json.data.companyName)
            }
        }

	// 后端接口
	@RequestMapping("getSampleAppoint")
    public ModelAndView getSampleAppoint(String appointId) {
        ModelAndView mav = new ModelAndView();

        SampleAppoint sampleAppoint = sampleAppointService.getById(appointId);
        JSONObject jsonObject = JSONObject.fromBean(sampleAppoint);
        JSONObject res = new JSONObject();
        res.put("data", jsonObject);
        mav.addObject("message", res);
        mav.setViewName("data");
        return mav;
    }