Ajax怎么用，异步如何实现

---

layout: post
title: Ajax怎么用，异步如何实现
subtitle: ajax怎么用
date: 2018-10-31
author: LY
header-img: img/post-bg-debug.png
catalog: true
tags:
- java
- 异步
- ajax

---

在这里小小推荐下我的个人博客

csdn：雷园的csdn博客

个人博客：雷园的个人博客

简书：雷园的简书

Ajax怎么用

首先我们从jsp或者是html文件开始

1.导入jQuery包，可以选择通过网络地址进行导入 ，也可以下载jQuery的js文件进行导入，两种方法如下。

// 在线引用
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
// 线下引用
<script src="/{你的js文件路径}/jquery-1.4.1.min.js"></script>

2.编写我们的ajax异步方法。

// 1.首先编写触发方法的事件，这里我以点击按钮为例（也可以是onKeyUp()、onChange()、等等）

// 2.编写我们的testMyAjax()方法

接下来我们编写后台的Java代码

1.导入SpringMVC相关jar包文件，如果试用Maven做依赖管理的话，可以直接在pom.xml中插入以下代码。Maven+SSM：Spring、SpringMVC、Mybatis项目整合

<dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-webartifactId>
    <version>4.3.1.RELEASEversion>
dependency>
<dependency>
    <groupId>org.springframeworkgroupId>
    <artifactId>spring-webmvcartifactId>
    <version>4.3.1.RELEASEversion>
dependency>

2.开始编写我们的TestController代码。

package controller;

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.RequestParam;

@Controller
@RequestMapping("/test")
public class TestController {
    @RequestMapping(value = "/testMyAjax", method = RequestMethod.POST)
    @ResponseBody // 这里意为返回数据将Json类型数据
    public String testMyAjax(@RequestParam("username") String username, @RequestParam("password") String password) {
        if ("admin".equals(username) && "admin".equals(password)) {
            return "用户名密码正确，登陆成功！";
        } else {
            return "用户名密码错误，登陆失败！！！";
        }
    }
}

3.接下来就是运行我们的程序，进入html或者jsp点击按钮即可看到效果，我这里就不做演示，大家如果还有什么问题的话随时留言。