javascript - 未捕获的类型错误:“#myForm”.submit 不是函数
问题描述
我已经在这个问题上苦苦挣扎了 2 个多小时,我知道最近有关于这个问题的帖子,但那里对我的帮助绝对为零。首先我可以说,我的输入按钮没有name ="submit" 或其他一些名为 submit 的属性。
如果有人能告诉我这里出了什么问题,将不胜感激。
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="http://oss.maxcdn.com/jquery.form/3.50/jquery.form.min.js"></script>
<link rel="stylesheet" type="text/css" href="theme.css">
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="formarea">
<form action="" enctype="multipart/form-data" method="post" id="myForm">
<select name="type" id="selectedoption">
<option value="">Välj typ här</option>
<option value="photo">Foto</option>
<option value="video">Video</option>
<option value="audio">Ljud</option>
</select>
<input id="block" type="file">
Titel
<input type="text" name="title">
<input type="submit" value="Spara media" class="btn">
</form>
<div id="bararea">
<div id="bar"></div>
</div>
<div id="percent"></div>
<div id="status"></div>
</div>
</body>
</html>
<script src="test.js"> </script>
JS
// När man skickar iväg formuläret (klickat på knappen "Spara media")
("#myForm").submit(function(e) {
alert("hello");
// Förhindrar att vi skickas iväg till en ny sida (standardhändelsen)
e.preventDefault();
// Hämtar formulärsdata (värde från drop-down menyn, samt filen)
var formData = new FormData(this);
// Gör ett ajax-anrop
$.ajax({
url: $(this).attr("action"), // Till adressen "server.php"
type: $(this).attr("method"), // Med metoden "post"
data: formData, // Vår data vi skickar med
dataType: "JSON", // Hur vi ska tolka den data vi får tillbaka (som JSON)
cache: false, // Vi tillåter inte att webbläsaren att cacha några resultat
contentType: false, // Vi vill inte att jQuery ska bestämma hur vårt innehåll ska tolkas
processData: false // Vi tillåter inte att jQuery att processa vår data (som strängar)
}).done(function (data) {
// Om vi får ett lyckat svar
console.log(data);
document.getElementById("myForm").reset();
alert("Upload completed");
}).fail(function(data){
// Om vi får ett misslyckat svar
alert("Upload failed");
console.log(data);});
});
$.getJSON('https://ddwap.mah.se//server.php?action=getMedia&type=photo', function(data) {
console.log(data)
});
我不明白为什么我按下按钮时我的功能没有加载..
解决方案
我发现我错过了美元......我现在要睡觉了。对不起
推荐阅读
- javascript - 如何将html id设置为变量
- python - 手势识别问题
- c++ - 如何在 Windows 10 操作系统上使用 Bazel 调试 c++ 代码
- docker - docker中的传输权限被拒绝
- kubernetes - Kubernetes LoadBalancer 最佳实践:避免 NodePort?
- c# - 为什么 StreamWriter.Flush() 在这里给出 ObjectDisposedExeption?
- reactjs - 从 firestore 检索数据时遇到问题“TypeError:this.store 未定义”
- go - 如何初始化特定的结构格式
- verilog - 在 Verilog 中为输出添加延迟
- node.js - 使用 node.js 安装 mysql 模块时出现问题