xhr转json方法

本文深入探讨了使用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;
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值