获取input内容并回填_AJAX根据所填内容自动回填相关内容到文本框

ajax和JavaScript

1.index.jsp

pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath =

request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

/p>

Transitional//EN">

function getOther(id){

document.stuform.id.value =

id;

var url =

"servlet/StudentServlet?id="+id;

if (window.XMLHttpRequest)

{

req = new XMLHttpRequest();

}else if (window.ActiveXObject) {

req = new ActiveXObject("Microsoft.XMLHTTP");

}

if(req){

req.open("GET",url, true);

req.onreadystatechange = complete;

req.send(null);

}

}

function complete(){

if (req.readyState == 4) {

if (req.status == 200) {

var name =

req.responseXML.getElementsByTagName_r("name");

var age = req.responseXML.getElementsByTagName_r("age");

alert(name.length);

var namestr ;

namestr=name[0].firstChild.data;

var agestr

agestr=age[0].firstChild.data;

document.stuform.name.value = namestr;

document.stuform.age.value = agestr;

}

}

}

method="post" action="/servlet/StudentServlet"

name="stuform">

学号：

type="text" name="id" id="id"

οnblur="getOther(this.value)">

姓名：

type="text" name="name" id =

"name">

年龄：

type="text" name="age" id="age">

2.StudentServlet

package servlet;

import java.io.*;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class StudentServlet extends HttpServlet {

public void doGet(HttpServletRequest request,

HttpServletResponse response)

throws

ServletException, IOException {

this.doPost(request,

response);

}

public void doPost(HttpServletRequest request,

HttpServletResponse response)

throws

ServletException, IOException {

response.setContentType("text/xml");

response.setHeader("Cache-Control", "no-cache");

File file = new

File("f:/test.xml");// 源文件位置

FileReader fr = null;

try {

fr = new

FileReader(file);

BufferedReader in = new BufferedReader(fr);//

包装文件输入流，可整行读取

String

student = "";

String line

= "";

while ((line

= in.readLine()) != null) {

student = student + line;

}

System.out.println(student);

PrintWriter

out = response.getWriter();

out.write(student);

out.close();

} catch (FileNotFoundException

e) {

// TODO

Auto-generated catch block

e.printStackTrace();

} catch (Exception e) {

// TODO

Auto-generated catch block

e.printStackTrace();

}

}

}

3.test.xml

?>

30

zhangsan

38