Ajax 学习之动态获取，返回服务器的值

最新推荐文章于 2022-03-09 14:38:23 发布

a18946983682

最新推荐文章于 2022-03-09 14:38:23 发布

阅读量190

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/hqutcy/p/5723832.html

版权

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!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">
<title>Insert title here</title>

//处理函数
function deal(){
//请求状态等于4，响应状态=200；
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
//alert(xmlhttp.responseText);//获取服务器返回的结果；
var msg=document.getElementById("msg") //获取DIV对象，关键在于Var 定义的变量，不加“；”

//而且javascript严格区分大小写，所以document.getElementById("msg") ,必须书写正确
msg.innerHTML=xmlhttp.responseText; //把结果显示在div
}else{
alert(xmlhttp.status);

}
}
}
//xmlhttp=createXmlHttp();
//alert(xmlhttp);
function send(){
//创建xmlhttpRequest对象
xmlhttp=createXmlHttp();
//绑定状态函数
xmlhttp.onreadystatechange=deal;
//alert("come on");
var age=document.getElementById("age").value //通过id，获取input中输入的值
var url="http://localhost:8080/fujindehuodong/ajaxServer.jsp?age="+age; //参数相应的动态获取

xmlhttp.open('get',url,true);
//发送请求；

xmlhttp.send(null);

}
</script>
</head>
<body>
<div id="msg"></div>