js使用ajax向服务的请求案例

你的名字 2022-06-14 08:13 167阅读 0赞

在js中需要用ajax的方式向服务端提交参数并且获取参数，例子如下：

**请求端(js,ajax)**

//ajax执行请求
    	var data={number:username,password:mdPwd};
    	$.ajax({
    		url:"/userLogin",
    		type:"POST",
    		async:false,
    		data: data,
    		dataType: "json",
    		success:function (message){
    			if(message.status==1){
    				window.location.href="/"; 
    			}else{
    				alert(message["error"]);
    			}	
    		},
    		error:function(XMLHttpRequest, textStatus, errorThrown){
    			alert("statusText:"+XMLHttpRequest.statusText+"\nstatus: "+XMLHttpRequest.status+";\nreadyState: "+XMLHttpRequest.readyState+
    					";\ntextStatus: "+textStatus);
    			this;
    		}
    	});

**服务端(springmvc,controller)**

@RequestMapping(value="/userLogin",
    			method=RequestMethod.POST,
    			produces={"application/json;charset=UTF-8"})
    	@ResponseBody
    	public ResultInfoDto<String> doUserLogin(HttpServletRequest request){
    		log.info("处理用户登陆请求");
    		//获取信息
    		String number=request.getParameter("number");
    		String password=request.getParameter("password");
    		log.info("number:{},  password:{}",number,password);
    		//执行操作
    		int result=userInfoServiceImpl.doUserLogin(number, password);
    		ResultInfoDto<String> dto=new ResultInfoDto<String>();
    		dto.setStatus(result);
    		if(result==1){
    			dto.setData("登陆成功");
    			HttpSession session=request.getSession(false);
    			session.setAttribute("UserCA", number);
    			session.setAttribute("UserPwd", password);
    		}else{
    			dto.setError("用户名或密码不正确");
    		}
    		return dto;
    	}
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关使用 javascript 通过 AJAX 向 servlet 发出 HTTP 请求示例

这篇文章解释了 Ajax 的基础知识以及如何使用 javascript 通过 AJAX 向 servlet 发出 HTTP 请求。 Ajax（异步 Javascript 和

素颜马尾好姑娘i/ 2023年09月30日 09:51/ 0 赞/ 10 阅读

相关详细解析Ajax的使用之向服务器发送GET请求

详细解析Ajax的使用之向服务器发送GET请求上篇文章讲的如何使用Ajax发送get请求，这篇文章说如何使用Ajax发送post请求。 HTML代码： <h

- 日理万妓/ 2023年02月17日 03:42/ 0 赞/ 9 阅读

相关详细解析Ajax的使用之向服务器发送GET请求

详细解析Ajax的使用之向服务器发送GET请求前面一篇博客我们讲到了如何使用form表单像服务器发送请求，但是请求方式是同步的，效率太低，现在我们讲一下如何使用Ajax

浅浅的花香味﹌/ 2023年02月17日 03:41/ 0 赞/ 14 阅读

相关 js使用ajax向服务的请求案例

在js中需要用ajax的方式向服务端提交参数并且获取参数，例子如下：请求端(js,ajax) //ajax执行请求 var data={number:u

你的名字/ 2022年06月14日 08:13/ 0 赞/ 168 阅读

相关 Ajax 向同一个action发送多次请求

　　Ajax，默认是异步请求。所谓异步就是，不会去等待服务器做出响应后再去执行别的请求，所谓同步就是，客户端一次请求，服务端一次响应，响应结束后才会发送下次请求，然后下次响应。

迷南。/ 2022年06月01日 03:58/ 0 赞/ 253 阅读

相关 Filter拦截Ajax向Servlet的请求的问题

过滤器拦截Ajax请求是，chain.doFiltetr报错误。经过半天的琢磨，原来是jar包的问题。使用AJAX传送JSON数据，需要导入7个jar包，并且要注意版本的搭

迷南。/ 2022年05月21日 09:25/ 0 赞/ 117 阅读

相关原生JS Ajax请求

传统方法的缺点: 传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能

ゝ一纸荒年。/ 2022年05月11日 09:20/ 0 赞/ 306 阅读

相关简述Ajax，以及使用原生js书写Ajax案例

> Ajax，这里的第一个字母A值的是asynchronous，意思是异步的，j值的就是JavaScript，第二个a是and，x值的是xml > 合在一起就是异步的ja

╰+攻爆jí腚メ/ 2021年11月23日 04:26/ 0 赞/ 309 阅读

相关 Ajax同步异步请求-Js函数使用ajax请求

1. 这个ajax请求则为同步请求，在JS函数中在没有返回值之前，是不会返回ajax请求回调后要为返回值设置的值，而且是直接返回js函数返回值的初始值。 2. 如果asyn

青旅半醒/ 2021年11月23日 00:16/ 0 赞/ 473 阅读

相关 ajax请求（模板+案例）

Ajax简单模板使用jQuery实现 ajax模板真实项目中的使用 Ajax上传表单 Ajax传递数组到后台

一时失言乱红尘/ 2021年09月27日 20:32/ 0 赞/ 364 阅读