Comment Jquery+ajax+springMVC renvoie json-js tutoriel-php.cn

Comment Jquery+ajax+springMVC renvoie json

一个新手

Libérer： 2017-09-19 10:44:31

original

1376 Les gens l'ont consulté

Page 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>

Copier après la connexion

Classe de contrôle d'arrière-plan :

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;
	}
}

Copier après la connexion

Vous devez les ajouter deux phrases peuvent renvoyer la valeur json

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Comment Jquery+ajax+springMVC renvoie json