我是网络编程的新手，我正在尝试一个非常简单的例子来了解它是如何工作的。
html file
<html>
<head>
<meta charset="ISO-8859-1">
<script type="text/javascript" src="/static/js/AddButton.js"></script>
<script type="text/javascript" src="/static/js/SendRequest.js"></script>
<title>{{title}}</title>
</head>
<body>
<button type="button" onclick="AddForm()"> + </button>
<div id = "newFormHere"></div>
<form action="javascript: SendFetchRequest()" id ="Form2">
Ticker2:
<input type="text" id="Ticker2" value="GOOG">
<input type="submit" value="Submit">
<div id = "FetchRequestOutput"></div>
</form>
</body>
</html>
我有一个Form2向服务器发送请求的表单 ( ) 和一个向页面添加更多表单的按钮。
SendRequest.js (exporting functions)
export {SendFetchRequest}
function SendFetchRequest()
{
var Ticker = document.getElementById("Ticker2");
fetch("action_page" + "?Ticker=" + Ticker.value).then(function(response){
response.text().then(function(data){
document.getElementById("FetchRequestOutput").innerHTML = data
})
})
}
在这里，我定义了我希望附加到按钮的函数（我需要将它包含在 AddButton.js 和 html 文件中） …