1

私のJspは、

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%-- <%@include file="include.jsp"%> --%>

<%@ taglib prefix="form" uri="../tld/spring-form.tld"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="../jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../jquery/jqueryChat.js"></script>

</head>
<body>

    <input type="text" id="test" name="test" />
    <input type="button" value="Ajax Submit" onclick="madeAjaxCall()">
</body>
</html>

私の JqueryChat.js は .,

function madeAjaxCall(){
    alert("Hello 99");
    alert($("#test").val());
}

ボタンをクリックすると、次のようなエラーが表示されます。

ここに画像の説明を入力

アラートのテキスト ボックスの値を取得する必要があります。

良い答えは間違いなく高く評価されます。

4

2 に答える 2

0

次のコードは私にとって完璧に機能します。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>

$(document).ready(function() {
    $("#button").click(function(){
        alert("Hello 99");
        alert($("#test").val());
    });
});

</script>

</head>
<body>

    <input type="text" id="test" name="test" />
    <input type="button" id="button" value="Ajax Submit">
</body>
</html>
  1. jquery.js と jqueryChat.js が適切な場所からダウンロードされているかどうかを確認します。
  2. あなたのJSコードを入れてください$(document).ready(function() { .. });
  3. $("#button").click(function(){の代わりに 使用

onclick="madeAjaxCall()"

于 2013-04-08T13:05:08.377 に答える