如何在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屋!