如何异步更新页面

时间:2015-06-01 13:30:33

标签: java javascript ajax web

这是我的代码:

<%@ 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>

我想按下按钮1在同一页面的输入栏中显示1。我知道这是由Ajax实现的,但我无法做到。我阅读了很多文章,但没有任何帮助。

1 个答案:

答案 0 :(得分:0)

您可以使用javascript来执行此操作。看看如下:

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

您必须在javascript部分设置此javascript源代码(通常放在头代码中)。

为了调用该代码,您应该告诉'button'定义函数的位置:

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

就是这样。