2015-06-01 91 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以同樣的方式假設單引號或雙引號。爲了更準確,它應該用雙引號寫成。 –