Jquery+ajax+springMVC가 json을 반환하는 방법-JS 튜토리얼-php.cn

Jquery+ajax+springMVC가 json을 반환하는 방법

一个新手

풀어 주다： 2017-09-19 10:44:31

원래의

1377명이 탐색했습니다.

JSP 페이지:

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>登录验证</title>
  	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
  	<script type="text/javascript">
  		$(function(){  			
  			//ajax验证
  			$("#ajax1").click(function(){
  				alert(1);
  				$.post(
  					"ajax1.action",
  					function(result){
  						alert(2);
  						alert(result.ms);
  					}
  				);
  			});	
  		});
  	</script>
</head>

<body>
	<p id="con">
    	<p class="center"><h2>欢迎登录</h2></p>
    	<p>
    		<form action="login.action" method="post">
    		<table>
    			<tr>
    				<td>用户名：</td>
    				<td colspan="3"><input type="text" name="name"/></td>
    				<td></td>
    			</tr>
    			<tr>
    				<td>密 码：</td>
    				<td colspan="3"><input type="password" name="pwd"/></td>
    				<td></td>
    			</tr>
    			<tr>
    				<td>用户名：</td>
    				<td><input type="text" name="code"/></td>
    				<td></td>
    			</tr>
    			<tr>
    				<td class="center">
    					<input type="submit" name="sub" value="登录"/>
    				</td>
    			</tr>
    			<tr>
    				<td>
    					<button id="ajax1">ajax测试1</button>
    				</td>
    			</tr>
    		</table>
    		</form>
    	</p>
    </p>
</body>
</html>

로그인 후 복사

백엔드 제어 클래스:

package com.login.control;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import com.alibaba.fastjson.JSONObject;
import com.login.bean.Users;
import com.login.service.UsersService;

/**
 * 用户控制类
 * @author
 *
 */
@Controller
public class UsersControl {
	
	@RequestMapping(value="ajax1.action",method= RequestMethod.POST)    	@ResponseBody
	public Object ajax1(HttpServletRequest request){
		System.out.println("进入控制类");
		JSONObject json = new JSONObject();
		String ms = "ajax测试1成功！哈哈!";
		json.put("ms", ms);
		System.out.println("出控制类");
		return json;
	}
}

로그인 후 복사

json 값을 반환하려면 다음 두 문장을 추가해야 합니다

@RequestMapping(value="ajax1.action",method= RequestMethod.POST)
@ResponseBody

로그인 후 복사

위 내용은 Jquery+ajax+springMVC가 json을 반환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

Jquery+ajax+springMVC가 json을 반환하는 방법