Springmvc-ajax方式访问springmvc

题外话

这几天要要写项目了,Springmvc要先放下了,等放假在学,这几天认真写项目,实战!

正文

web.xml与springmvc-servlet.xml两个配置文件与上一篇一样

.java

package com.controller;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

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

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import com.entity.Person;

@Controller
@RequestMapping("/test")
// 相似于命名空间,唯一标识一个Controller,防止名称重复
public class TestAnnController {
	/**
	 * desc 参数列表中直接定义PrintWriter,来往页面写内容
	 * 
	 * Ajax访问springmvc返回类型是void
	 * 
	 * @param name
	 * @param out
	 */
	@RequestMapping("/ajax1.do")
	public void ajax1(String name, PrintWriter out) {
		String result = "hello" + name;
		out.print(result);
	}

	/**
	 * desc 页面跳转
	 * 
	 * @return
	 */
	@RequestMapping("/toAjax.do")
	public String toAjax() {
		return "toAjax";
	}
}

toAjax.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(function() {
		$("#mybutton").click(function() {
			var mytext = $("#mytext").val();
			$.ajax({
				url : "test/ajax1.do",
				type : "post",
				dataType : "text",
				data : {
					name : mytext
				},
				success : function(responseText) {
					alert(responseText);
				},
				error : function() {
					alert("System error");
				}
			});
		});
	});
</script>
</head>

<body>
	<input type="text" id="mytext">
	<input type="button" value="提交" id="mybutton">
</body>
</html>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值