如何在java脚本中使用ajax调用 [英] how to use ajax call in java script
问题描述
<％@ page language =javapageEncoding =ISO-8859-1％>
<％@ taglib uri =http://struts.apache.org / tags-beanprefix =bean％>
<％@ taglib uri =http://struts.apache.org/tags-htmlprefix =html％> ;
<％@ taglib uri =http://java.sun.com/jsp/jstl/coreprefix =c％>
< ;％@ taglib uri =http://java.sun.com/jsp/jstl/fmtprefix =fmt％>
< html> ;
< head>
< title> StudentForm表单的JSP< / title>
< script type =text / javascript >
var request;
function getStudent（）{
// alert（）;
document .getElementById（'stname'）。value =;
document.getElementById（'stname'）。disabled = true; // $（'stname'）。attr（disabled，禁用）;
document.getElementById（'lbl2'）。innerHTML = document.getElementById（'lbl1'）。innerHTML;
}
函数showTextField（）{
document.getElementById（'stname'）。disabled = false;
}
function showData（value）{
if（value！=' '）{
alert（value）;
request = getRequest（）;
request.onreadystatechange = handleResponse;
request.open（POST，StudentAction.do?method=select&studentName=+ value，
true）;
request.send（null） ;
}
//document.getElementById('lbl2').innerHTML = document
// .getElementById（'stname'）。价值;
}
函数getRequest（）{
if（window.ActiveXObject）{
return（new ActiveXObject（'Microsoft.XMLHTTP'））;
} else if（window.XMLHttpRequest）{
return（new XMLHttpRequest（））;
} else {
返回null;
}
}函数handleResponse（）{
if（request。 readyState == 4）{
document.getElementById（'lbl2'）。innerHTML = request.responseText;
document.getElementById（'datelbl'）。innerHTML = new date（）;
}
}
< / script>
< / head>
< body>
< input type =radio name =svalue =1önchange=getStudent（）/>
NO
< label id =lbl1>
< c：out value =$ {StudentForm.studentNo}xmlns：c =＃unknown>
< / label>
< input type =radioname =svalue =2önchange=showTextField（）/>
< input type =textname =studentNameid =stname
$ b $bönblur=showData（this.value）disabled =disabled/>
< c：set var =nowvalue =<％= new java.util.Date（）％> xmlns：c =＃unknown>
< label id =datelbl>< fmt：formatdate type =datevalue =$ {now}xmlns：fmt = #unknown>
< / label>
< label id =lbl2>
0 $
< / label>
< / body>
< / html>
（'stname'）。attr（disabled，disabled）;
document.getElementById（'lbl2'）。innerHTML = document.getElementById（'lbl1'）。innerHTML;
}
函数showTextField（）{
document.getElementById（'stname'）。disabled = false;
}
函数showData（value）{
if（value！=''）{
alert（value）;
request = getRequest（）;
request.onreadystatechange = handleResponse;
request.open（POST，StudentAction.do?method=select&studentName =+值，
true）;
request.send（null）;
}
//document.getElementById('lbl2').innerHTML = document
// .getElementById（'stname'）。value;
}
函数getRequest（）{
if（window.ActiveXObject）{
return（new ActiveXObject（'Microsoft.XMLHTTP'））;
} else if（window.XMLHttpRequest）{
return（new XMLHttpRequest（））;
} else {
返回null;
}
}函数handleResponse（）{
if（request.readyState == 4）{
document.getElementById（'lbl2'）。innerHTML = request.responseText;
document.getElementById（'datelbl'）。innerHTML = new date（）;
}
}
< / script>
< / head>
< body>
< input type =radioname =svalue =1önchange=getStudent（）/>
NO
< label id =lbl1>
< c：out value =
{StudentForm.studentNo} xmlns：c =＃unknown>
< / label>
< input type =radio name =svalue =2önchange=showTextField（）/>
< input type =textname =studentNameid =stname
$ b $bönblur=showData（this.value）disabled =disabled/>
< c：set var =now value =<％= new java.util.Date（）％> xmlns：c =＃unknown>
< label id =datelbl>< fmt：formatdate type =datevalue =
< blockquote> {now}xmlns：fmt =＃unknown>
< / label>
< label id =lbl2>
0
<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
<title>JSP for StudentForm form</title>
<script type="text/javascript">
var request;
function getStudent() {
//alert();
document.getElementById('stname').value = "";
document.getElementById('stname').disabled = true;//$('stname').attr("disabled","disabled");
document.getElementById('lbl2').innerHTML = document.getElementById('lbl1').innerHTML;
}
function showTextField() {
document.getElementById('stname').disabled = false;
}
function showData(value) {
if (value != '') {
alert(value);
request = getRequest();
request.onreadystatechange = handleResponse;
request.open("POST", "StudentAction.do?method=select&studentName=" + value,
true);
request.send(null);
}
//document.getElementById('lbl2').innerHTML = document
// .getElementById('stname').value;
}
function getRequest() {
if (window.ActiveXObject) {
return (new ActiveXObject('Microsoft.XMLHTTP'));
} else if (window.XMLHttpRequest) {
return (new XMLHttpRequest());
} else {
return null;
}
}function handleResponse() {
if (request.readyState == 4) {
document.getElementById('lbl2').innerHTML = request.responseText;
document.getElementById('datelbl').innerHTML=new date();
}
}
</script>
</head>
<body>
<input type="radio" name="s" value="1" önchange="getStudent()" />
NO
<label id="lbl1">
<c:out value="${StudentForm.studentNo}" xmlns:c="#unknown">
</label>
<input type="radio" name="s" value="2" önchange="showTextField()" />
<input type="text" name="studentName" id="stname"
önblur="showData(this.value)" disabled="disabled" />
<c:set var="now" value="<%=new java.util.Date()%>" xmlns:c="#unknown">
<label id="datelbl"><fmt:formatdate type="date" value="${now}" xmlns:fmt="#unknown">
</label>
<label id="lbl2">
0$
</label>
</body>
</html>
('stname').attr("disabled","disabled");
document.getElementById('lbl2').innerHTML = document.getElementById('lbl1').innerHTML;
}
function showTextField() {
document.getElementById('stname').disabled = false;
}
function showData(value) {
if (value != '') {
alert(value);
request = getRequest();
request.onreadystatechange = handleResponse;
request.open("POST", "StudentAction.do?method=select&studentName=" + value,
true);
request.send(null);
}
//document.getElementById('lbl2').innerHTML = document
// .getElementById('stname').value;
}
function getRequest() {
if (window.ActiveXObject) {
return (new ActiveXObject('Microsoft.XMLHTTP'));
} else if (window.XMLHttpRequest) {
return (new XMLHttpRequest());
} else {
return null;
}
}function handleResponse() {
if (request.readyState == 4) {
document.getElementById('lbl2').innerHTML = request.responseText;
document.getElementById('datelbl').innerHTML=new date();
}
}
</script>
</head>
<body>
<input type="radio" name="s" value="1" önchange="getStudent()" />
NO
<label id="lbl1">
<c:out value="
{StudentForm.studentNo}" xmlns:c="#unknown">
</label>
<input type="radio" name="s" value="2" önchange="showTextField()" />
<input type="text" name="studentName" id="stname"
önblur="showData(this.value)" disabled="disabled" />
<c:set var="now" value="<%=new java.util.Date()%>" xmlns:c="#unknown">
<label id="datelbl"><fmt:formatdate type="date" value="
{now}" xmlns:fmt="#unknown">
</label>
<label id="lbl2">
0
这篇关于如何在java脚本中使用ajax调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
