如何在后台通过Servlet获取HTML页面的JavaScript中的json数组

CCC_ZERO 2017-04-20 05:11:19
demo.html文件
<label>用户名</label>
<input type="text" id="userName"><br>
<label>密    码</label>
<input type="password" id="password"><br>
<input type="submit" class="submitLogin" value="提交" >

demo.js文件
$(".submitLogin").click(function(e) {
var UserName = $("#userName").val();
var Password = $("#password").val();
var user ={person:{Name:UserName,Pass:Password}};
$.ajax({
type : "POST",
url : "login",
data :user,
dataType:"json",
success : function(msg) {
console.info(JSON.stringify(user)+"\n-->1");
console.log(msg);
},
error:function(){
console.info(JSON.stringify(user)+"\nError");
console.info(xmlHttp.readyState);
console.info(xmlHttp.status);
console.info(xmlHttp.statusText);
},
fail:function(){
console.info("Fail");
}
});
}
});

web.xml文件
 <servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.servlet.LoginServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>


MyServlet.class文件
public class MyServlet extends HttpServlet{

private static final long serialVersionUID = 1L;
private static int i = 0;

@Override
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("处理POST请求...");
//获取前台data数据中的uName和uPass
request.setCharacterEncoding("utf-8");
String user= request.getParameter("person");
String name = request.getParameter("Name");
String password = request.getParameter("Pass");
System.out.println(i++);

JsonObject jo = new JsonObject();
jo.addProperty("Result", "Success");
jo.addProperty("user", user);
jo.addProperty("name", name);
jo.addProperty("password", password);
PrintWriter out = response.getWriter();
out.println(jo);
System.out.println(jo);
}

}

HTML页面输入:

前台输出:

后台输出:

...全文
302 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
CCC_ZERO 2017-04-25
  • 打赏
  • 举报
回复
[quote=引用 3 楼 qq_22656325 的回复:] 刚刚好,解决了我的问题
CCC_ZERO 2017-04-25
  • 打赏
  • 举报
回复
[quote=引用 2 楼 usecf 的回复:] 试过了,这个不会产生没有影响。
CCC_ZERO 2017-04-25
  • 打赏
  • 举报
回复
引用 1 楼 zhou2015bo 的回复:
  data :user, data传的参数是user 应该取user
试过了,没用~~
皓月_银辉 2017-04-24
  • 打赏
  • 举报
回复
js里:data:"user="+JSON.stringify(user) 后台:request.getParameter("user") 拿到的内容就是你控制台打印的内容
usecf 2017-04-24
  • 打赏
  • 举报
回复
你在前面要用name的属性才可以 id是前端调用的 name是后台用获取值的 <label>用户名</label> <input type="text" id="userName" name="userName"><br> <label>密    码</label> <input type="password" id="password" name="password"><br> <input type="submit" class="submitLogin" value="提交" >
云墨浅殇 2017-04-21
  • 打赏
  • 举报
回复
  data :user, data传的参数是user 应该取user
**课程特色**- **综合性论坛系统:** 这门课程是一门独特的Java Web实战课程,涵盖了论坛系统的各个功能模块,包括前台的公告信息展示、论坛板块、帖子排行、帖子发布、回帖、评论等,以及后台管理的系统各个模块的增删改查操作。学生将通过实际实现这些功能模块,获得全面的Java Web开发经验。- **前后端分离编程思想:** 课程强调采用前后端分离的编程思想,使用JSON进行数据交互,并结合Ajax来发送请求。这是当今市场需求的趋势,学生将学会如何在实际项目应用这种技术,提前适应行业变革。- **完整代码提前发放和实践机会:** 课程的讲解方式强调引导学生动手复现代码的过程。会提前向学生提供课程代码,引导他们逐步实现每个功能模块,并解释背后的原理和技术细节。通过这种实践机会,学生将亲自动手,加深对所学技术的理解,并且有实际的项目作品可供展示。**课程收益**- **职业加成:** 课程内容与实际工作密切相关,学生通过练习实际项目,了解如何开发常见的论坛系统,为日后就业或项目开发提供宝贵的经验。- **思维提升:** 详细的讲解方式能够帮助学生提升解决问题的思维能力。学生将学会分析和理解各个功能模块的实现原理,培养独立思考和解决实际编程挑战的能力。- **实践经验:** 通过动手实现每个功能模块,学生将积累宝贵的实践经验。这有助于他们在日后的项目更自信和高效地应用所学知识。总而言之,这门课程采用了独特的教学设计,注重实际项目的练习和深入剖析,培养学生的实践能力和解决问题的思维方式。通过参与课程,学生将获得实际工作的职业加成和思维提升,同时积累宝贵的实践经验。这将为他们在就业市场脱颖而出,打下坚实的基础。

81,091

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧