Question

我有一个非常小的网络应用程序，我一直在玩。两周前，我在客户端获得了JQuery功能，能够在服务器上注册新的配置文件。我今天再次启动它，因为它没有看了3个星期，发现我之前使用过的JQuery功能都不再适用。因此，服务器启动，主页面上升，但当您单击按钮时，它们不会执行任何操作。我确实在这段时间内升级到了Windows 10，所以我不确定它是否与它有任何关系（我不知道它为什么会这样，但这是我记得的唯一一件事，那是在同一时间发生的）。现在无论如何我只是试图在我尝试再次实现其功能之前，在2个按钮之一时弹出一个“警报”。这是文件结构/我的代码。

我在尝试调试时包含了2个.js文件的副本，但两者都没有这是我的index.jsp文件：

<html>
	<head>
	<title>Messenger</title>
		<link rel="stylesheet" href="stylesheets/c.css" />
		</head>
<body>
	<script src="jquery-2.1.4.min.js"></script>
	<script src="javascripts/main.js"></script>
	<div class="header">
		<label> Welcome!</label>
	</div>


	<div class="leftArea">

		<label>Username:</label>
		<input type="text" id="username" name="username"/>
		
		<label>Password:</label>
		<input type="text" id="password" name="password" required>
		
		<button id="btnRegister">Register</button>
		<button id="btnSignIn">Sign In</button>
	</div>

	<div class="mainArea">


    	<h2>Stupid  Website!</h2>
	</div>
</body>
</html>

我试图使用路径“javascripts / index.js”和“index.js”

这是我的main.js文件：

var rootURL = "http://localhost:8080/messenger/webapi";

$(function() {
	
	
	$('#btnRegister').click(function() {
		//var username = $('#username').val();
		alert("Register Press");
		//registerProfile();
	});
	
	$('#btnSignIn')click(function() {
		//getMessage();
		alert('SigIn Press');
		//logIn();
	});
	//Works as a tester
	function getMessage() {
		$.ajax({
			type: 'GET',
			url: rootURL +"/messages/1",
			dataType: "json", // data type of response
			success: (function(data) {
				alert('ID: ' +  data.id);
			})
		});
	}
	
	function logIn() {
		var profileJSON = formToJSON();
		$.ajax({
			type: 'POST',
			contentType: 'application/json',
			url: rootURL + "/profiles/logIn",
			dataType: "json",
			data: profileJSON
		});
	}
	
	function registerProfile() {
		alert("Here");
		var profileJSON = formToJSON();
		$.ajax({
			type : 'POST',
			contentType: 'application/json',
			url: rootURL + "/profiles",
			dataType: "json",
			data: profileJSON,
			success: (function() {
				alert("Success!");
			})
		});	
	}	
	function signIn(){
		
	}
	//This works
	function formToJSON() {
		return JSON.stringify({
			"profileName": $('#username').val(), 
			"password" : $('#password').val(),
			});
	}
	

});

正如您所看到的，我已经注释了之前正在运行的功能，现在正试图让它发出警报，通知用户已按下按钮。我不知道会发生什么，或者我做了一些我不记得的事情？我对此表示怀疑。

在Apache Tomcat v7.0服务器上运行。使用Jersey API

更多信息：服务器启动正常，网站上升。我看到这个，但按钮没有功能：

[！[在此处输入图像说明] [2]] [2]

Answer 1

在屏幕截图中，jquery文件图标上有一个警告图标。这通常意味着找不到该文件。事实上，有很多文件无法找到。

您可能需要修复项目参考

Answer 2

升级Windows 10与jQuery无法正常工作

你可以从chrome或其他东西加载你的网站，然后按f12，这将把你带到控制台。

你可以看到控制台出了什么问题。

此外要确认你的jQuery库是否正确加载转到页面源并复制粘贴地址栏上的jQuery脚本链接，看看是否加载了jQuery文件。

如果它确实加载，那么有时它是在一些其他基于jQuery的脚本之后加载jQuery的问题。确保首先包含JQuery脚本，然后将其余的脚本和导入放在它下面希望这有帮助

为什么JQuery在2周内不使用后不再有效

2 个答案: