ajax,springmvc,json新手使用

本文介绍了一个使用SpringMVC框架结合AJAX和JSON进行前后端数据交互的示例。通过一个简单的用户ID检查功能,展示了如何从前台发送请求到后台,并返回数据。包括了HTML页面、JavaScript代码、控制器设置以及web.xml配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

老是使用jsp传数据感觉没有跟上时代。所有就课外学习了一下ajax,和json传值。并且用在springmvc框架中

 

前台页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title></title>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script language="Javascript">
        function checkUserid() {
            $.ajax({
                type : 'post',
                data : {
                    mainScore : $("#userid").val(),

                },
                url : "test.do",
                success : function(data) {
                    alert(data);
                },
                error : function() {
                },
                complete : function() {
                }
            });
        }
    </script>
</head>
<body>
用户ID:
<input type="text" id="userid" name="userid"> <span id="msg"></span>
<br> <button onclick="checkUserid()">传输</button>
<p></p>
</body>
</html>

 web.xml

<servlet>
        <servlet-name>DispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>

controller设置

@Controller
public class test
{
    @RequestMapping("test")
    public @ResponseBody List<String> test(String mainScore){
        List<String> data=new ArrayList<String>();
        data.add(mainScore);
        return data;
    }
}

 springmvc的配置文件没发出来,我相信你们应该没问题。如有问题,请百度

 

转载于:https://www.cnblogs.com/dailinfu/p/6622722.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值