Ajax readyState一直为1或无法请求到后台的问题处理

1、问题及背景描述

最近重温ajax,之前粗略的了解和会用,没有详细的了解过Ajax的一些技术要点。计划在SpringMVC框架下,写三种Ajax代码的方式:①get请求②post请求③Jquery。当完成get请求的方式后,采用post请求写代码时,发现xmlHttp.readyState一直为1,且无法访问到后台。


2、解决过程

通过排查js代码,发现post请求写法没有问题,详见代码:

function loadXMLDoc() {
	//定义xmlRequest
	var xmlRequest = window.XMLHttpRequest ? new XMLHttpRequest()
			: new ActiveXObject("Microsoft.XMLHTTP");
	xmlRequest.open("POST", "/AjaxProject/loginParam", true);
	//处理传参问题
	xmlRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlRequest.onreadystatechange = function() {
		if (xmlRequest.readyState == 4 && xmlRequest.status == 200) {
			alert("post调用后台成功");
		}
	}
	xmlRequest.send();
}

但是前台访问,xmlRequest.readyState一直为1,无法进入到callback的代码。readystate值介绍如下:

0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了

发现1为已调用send方法,这时开始怀疑后台的请求是否有问题。贴出后台代码如下:

package com.thunisoft.controller;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class AjaxController {

	@RequestMapping(value = "/login", method = RequestMethod.GET)  
    public ModelAndView myMethod(HttpServletRequest request,
	HttpServletResponse response, ModelMap modelMap) throws Exception {
		System.out.println("调用login请求");
        return new ModelAndView("/login/hello", modelMap);  
    }
	
	@RequestMapping(value = "/loginParam", method = RequestMethod.GET)  
    public ModelAndView myParamMethod(HttpServletRequest request,HttpServletResponse response, 
	ModelMap modelMap) throws Exception {
		System.out.println("调用loginParam请求");
        return new ModelAndView("/login/hello", modelMap);  
    }
}

并且通过百度查找了很多帖子,readyState状态值始终为1的解决办法等,但是并未解决我的问题。


3、问题解决

后来突然想到,后台Controller中请求的方式为GET(method = RequestMethod.GET)方式,导致POST请求时,未进行处理导致问题的发生。重新修改后台代码如下:

package com.thunisoft.controller;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class AjaxController {

	@RequestMapping(value = "/login", method = RequestMethod.GET)  
    public ModelAndView myMethod(HttpServletRequest request,
	HttpServletResponse response, ModelMap modelMap) throws Exception {
		System.out.println("调用login请求");
        return new ModelAndView("/login/hello", modelMap);  
    }
	
	@RequestMapping(value = "/loginParam", method = RequestMethod.POST)  
    public ModelAndView myParamMethod(HttpServletRequest request,
	HttpServletResponse response, ModelMap modelMap) throws Exception {
		System.out.println("调用loginParam请求");
        return new ModelAndView("/login/hello", modelMap);  
    }
}
问题得到解决!发帖记录一下问题的修改思路和方案!




  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值