如何在后台通过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页面输入:

前台输出:

后台输出:

...全文
312 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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

81,122

社区成员

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

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