码迷,mamicode.com
首页 > Web开发 > 详细

ajax提交数据至jsp

时间:2015-07-01 20:11:12      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

ajax技术至今为止 被越来越多的人采用  主要原因也是因为它强大的无刷新功能   给服务器减少了不少压力, 那么究竟什么是ajax? 下面是我的一点心得

 

首先在eclipse里新建一个项目  这里我的是zy  如图:

技术分享

 

我这里是集合mvc和mybatis集成的一个环境,为了节省时间  我就简单了 说一下 有以下几步:

然后创建一个jsp页面  这里是index.jsp    主要是一个form表单    然后是一个juqery函数:

 技术分享

启动服务器   打开浏览器  预览:

技术分享

其次在创建一个ajax.jsp页面   该页面主要是接收ajax传递的参数   主要是以String 类型存储    同理也是以String类型传递接收  这里我们用jsp内置的九大对象之一的request 的一个方来获取  

其截图 如图所示:

技术分享

   

其效果就是  在控制台 输出传递的值  这里我们输出的是用户名和密码:

最后 :如果是传递到servlet道理也一样  基本代码一样   如果你涉及到对数据库的操作

你可以尽情玩耍   因为你已经取到值了 就可以”为所欲为“了。

这里我重新演示一遍:

在文本框输入

技术分享

 

点击ajax提交按钮:

技术分享

最后去控制台看是否有数据显示:

技术分享

 

结果 大家可以看到的是 有正确的数据输出  至此一个简单的ajax提交表单数据基本完成   由于时间紧迫  界面不是很美观  请大家原谅

 

声明:这是本人第一次写这玩意   经验不是很多  如有问题请大家批评和指正

ps:这是我本人禽兽敲的  没有一点粘贴复制   如果觉得我写的还不错的话  请转摘自出处

 

ajax提交数据至jsp

标签:

原文地址:http://www.cnblogs.com/zhsj201314/p/4614276.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!