2015-06-01 52 views
0

这里是我的代码:如何更新页面异步

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> 
<!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=ISO-8859-1"> 
    <title>Insert title here</title> 
</head> 
<body> 
    <form> 
     <table> 
      <tr> 
       <td> 
        <input type="text" name="input" size="20" class="FormText" readonly /> 
       <td /> 
       <tr /> 
      <tr> 
       <td> 
        <input type="button" name="one" value="1"> 
       <td /> 
       <tr /> 
     </table> 
    </form> 
</body> 
</html> 

当按下button 1在输入字段中显示1在同一页上我想要的。我知道这是通过Ajax实现的,但我无法做到。我阅读了很多文章,但没有任何帮助。

+1

这不是使用AJAX的情况。这看起来更像是一个onclick事件http://www.w3schools.com/jsref/event_onclick.asp –

回答

0

您可以使用javascript这样做。看看如下:

function addValue(value) { 
document.form.input.value=value; 
} 

你必须设置在javascript节这javascript源代码(这是在头部代码通常放置)。

为了调用代码,你应该告诉“按钮”,其中函数定义:

<input type="button" name="one" value="1" onClick='addValue(1)'> 

而这一切。

+0

为什么你把addValue(1)放在单引号中,但是把“one”或者“1”放在double中? – johnpolqkov

+0

根本没关系。 HTML 4或5以同样的方式假设单引号或双引号。为了更准确,它应该用双引号写成。 –