gpt4 book ai didi

javascript - 为什么JQuery 2周没有使用后就不再工作了

转载 作者:行者123 更新时间:2023-12-03 09:18:02 25 4
gpt4 key购买 nike

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

enter image description here

我在尝试调试时包含了 .js 文件的 2 个副本,但两者都不起作用这是我的 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]

最佳答案

在您的屏幕截图中,jquery 文件图标上有一个警报图标。这通常意味着找不到该文件。事实上有很多文件找不到。

您可能需要修复项目引用

关于javascript - 为什么JQuery 2周没有使用后就不再工作了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31910484/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com