Ajax简单前端和后台交互——基于Java SSM框架

相信很多人都对Ajax有了一定的了解，但是对于怎么实现有一点问题，我写这个也是记录我的一个简单实现。
Ajax先说一下运用的地方（一般只要有提交的的地方都可以运用，经过各种判断，动态显示一个界面提示信息）
1、登录界面（判断用户和密码）
2、查询界面
3、提交界面
接下来在简单介绍下Ajax常用的参数，这几个一般是必须含有的

1.url:
要求为String类型的参数，（默认为当前页地址）发送请求的地址。
2.type:
要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。
3.data:
要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。
4.dataType:
要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。
5.success：要求为Function类型的参数，请求成功后调用的回调函数。
6.error:要求为Function类型的参数，请求失败时被调用的函数。

我开始展示基于Java SSM框架的Ajax前端后台交互（我以查询为例，比较好写，因为不用进行数据）
1、第一步是为JavaScript前端的jsp做准备，及导入jQuery，这个网上一般都有，我用的是jQuery v2.1.4
展示一下结构图
2、配置资源路径文件

3、第二部应为导入了，开始编写前端jsp

//这里是自动生成的，网上有
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

//这里是资源路径，网上有
<%@page import="org.springframework.http.HttpRequest"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

	
	
		
		
		//导入的jQuery路径
		
	
	
	
		
登 录
		

			

				

				

				

			
		
		
		

			查询

		
		
	
	
	

4、接下来就是后台的Ajax传数据，通过数据库查询

import java.io.IOException;
import java.util.List;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import xingluo.navigate.entity.TB_DEST;
import xingluo.navigate.service.TB_ADMINService;
import xingluo.navigate.service.UserService;

@Controller
public class LoginControl {
	@Autowired
	TB_ADMINService tbad;
	
	@RequestMapping("/admin-login")
	public String Admin() {
		return "admin-login"; 
	}
	//ResponseBody这个很重要，没有的话，它就不会返回数据流，而是想上面跳转界面
	@ResponseBody
	@RequestMapping("/selectAdmin")
	public List> selectAdmin(){
		List> list = tbad.getAdminAll();
		return list;
	}
}

我相信看到这里的人dao层、mapper层、service层、controll层都能够自己编写，使返回数据库的信息是 List>,或Map，或List。显示一下我返回 List>的Mapper.xml

	
		
	    
        
        
    
	
	
	
		SELECT * FROM tb_admin
	
	

以下展示结果
想要实现在界面显示一个小窗口那种的，可以自己去了解一下alert（）。

alert()是给用户展示，极大提高用户体验（大部分没有反馈，我都不知道到底执行情况怎么样）