ajax将java后台响应字符串,放在指定控件里
2017-08-02 14:42
323 查看
example1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/util.js"></script>
<title>ajax学习</title>
<script>
function getXHR(){
var xmlHttp;
if(window.ActiveXObject){
xmlHttprequest = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttprequest = new XMLHttpRequest;
}
return xmlHttprequest;
}
window.onload=function(){
document.getElementById("btn1").onclick=function(){
//发出已补请求
//1/得到xhr对象
var xhr=getXHR();
//2.注册状态变化监听器
xhr.onreadystatechange=function(){
if(xhr.readyState==4)
{
if(xhr.status==200)
{
//alert("服务器响应了");
document.getElementById("result").value=xhr.responseText;
//将返回的登录结果返回,放在result框中
}
}
}
var v11=document.getElementById("v1").value;
var v22=document.getElementById("v2").value;
//3.建立与服务器的连接
// xhr.open("GET","ajax/AjaxServlet"+"?time="+new Date().getTime(),true);
xhr.open("GET","ajax/AjaxServlet?v1="+v11+"&v2="+v22,true);
//4.向服务器发出请求
xhr.send();
}
}
</script>
</head>
<body>
用户名:<input type="text" id="v1"></input><br><br>
密 码:<input type="text" id="v2"></input><br><br>
<button id="btn1">登 录</button><br><br>
结 果:<input id="result"></input>
</body>
</html>
web.xml添加如下代码
<servlet>
<servlet-name>AjaxServlet</servlet-name>
<servlet-class>ajax.AjaxServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AjaxServlet</servlet-name>
<url-pattern>/ajax/AjaxServlet</url-pattern>
</servlet-mapping>
AjaxServlet.java
package ajax; import java.io.IOException; import java.io.PrintWriter; import java.text.SimpleDateFormat; import java.util.Date; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class AjaxServlet */ @WebServlet("/AjaxServlet") public class AjaxServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public AjaxServlet() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doPost(request, response); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.setCharacterEncoding("utf-8"); response.setContentType("text/html"); String user=request.getParameter("v1"); String password=request.getParameter("v2"); int flag=0; if(user.equals("123") && password.equals("123")) flag=1; System.out.println("ajax后台交互成功"); PrintWriter write=response.getWriter(); write.println(flag); System.out.println(user+" "+password); write.flush(); } }
相关文章推荐
- java后台以json字符串的形式,将数据返回给$.ajax的问题总结
- c#实现ajax通信:向后台发送JSON字符串,接收响应字符串,并转换为对象
- 通过ajaxFileUpload控件上传图片,java后台接收并保存本地
- ajax后台处理响应(java)
- AJAX传给SpringMVC字符串与JAVA后台处理问题
- ajax 同步调用 返回字符串 java例子(全)及 从后台返回中文乱码解决方法
- ajax提交响应后台加号(+)变成空格
- Tip:在使用AjaxControlTookit的控件时响应事件
- JAVA 输出指定字符串所有排列组合
- (010) java后台开发之String字符串操作
- java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据
- java后台传日期date 到前台变成字符串的解决方法
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- JAVA之IO技术-获取指定目录下的文件夹和文件的File对象或是字符串名称。
- js调用后台使用ajax及控件
- ajax使用post提交参数java后台获取值为null但是get却可以获取的问题
- java 正则表达式获取指定两个字符串之间内容
- ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,使用空模板一样显示到页面
- java查找字符串中指定字符
- 页面使用Ajax控件,后台不能调用前台Javascript脚本弹出消息框的解决办法