Question

我的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());
}

当我点击按钮时，我收到错误，

enter image description here

我需要在警报中获取文本框的值。

肯定赞赏好的答案。

Answer 1

您好需要在使用点击事件之前调用jquery对象onload ..作为$（document）.ready（）。所以只有ist

Answer 2

以下代码对我来说非常适合。

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

检查您的jquery.js和jqueryChat.js是否从适当的位置下载。
将您的JS代码放入$(document).ready(function() { .. });
使用$("#button").click(function(){代替

的onclick = “madeAjaxCall（）”

Jquery基本功能测试调用不起作用？

2 个答案: