Question

我一直在努力使JQuery在一个简单的hello world程序上工作。我的程序要做的是当我按下一个按钮时，它将XMLHTTPRequest（）发送到Java servlet，并将“ Hey World”更改为“ Hello World”。我是JQuery和javascript的新手。我了解您的项目中需要有一个jquery.js文件，该文件当前位于我的WebContent / WEB-INF /文件夹以及我的JavaScript Resources文件夹中。我使用的是HTML文件，唯一使用JQuery的行是$("#here").html(this.responseText)，当我将其更改为document.getElementById("here").innerHTML = this.responseText;时，程序可以正常工作。虽然这种JavaScript方式有效，但我想学习如何使用JQuery做到这一点，但我首先需要使其正常工作。

我看过类似的问题，但是它们不清楚或解决方案不起作用。我试过包括 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 在我的实际脚本之前，也在src="jquery-3.4.1.js"和src="WebContent/WEB-INF/jquery-3.4.1.js".

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-3.4.1.js"></script>
<script type="text/javascript">

function change2(){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200){
    $("#here").html(this.responseText);
  }
};
var current = document.getElementById("here").innerHTML.toString();
xmlhttp.open("GET", "helloWorld", true);
xmlhttp.send();
}
</script>
</head>
<body>
<h1 id="here">Hey World</h1>
<button type="button" onclick="change2()">Change</button>
</body>
</html>

我完全是疯子。

Answer 1

尝试使用

$.ajax({url: "Your_URL", success: function(result){
$("#here").html(result);}});

使用jQuery很简单

您可以看一下这篇文章 https://www.sitepoint.com/use-jquerys-ajax-function/

Eclipse JQuery无法在我的简单Hello World程序上运行

1 个答案: