gpt4 book ai didi

javascript - 调用 javascript 函数以从无法按预期工作的表单进行 AJAX 调用

转载 作者:行者123 更新时间:2023-11-28 02:43:06 32 4
gpt4 key购买 nike

环顾四周,我发现从 HTML 调用 Javascript 函数的最佳方法是将函数本身放在 HTML 中,而不是外部 Javascript 文件。所以我一直在网上四处寻找,找到了一些简短的教程,我可以根据自己的需要进行修改。最后,我得到了以下 HTML 代码:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<title>Test Webpage</title>
</head>

<script LANGUAGE="Javascript">
function createCard(input_form) {
alert("Card is being created!");
$.ajax({
url: "create_card.php",
type: "post",
data: {input_form.deck.value, input_form.card_name.value, input_form.front_text.value, input_form.front_media.value, input_form.back_text.value, input_form.back_media.value}
)};
} </script>

<body>
<div>
<h2>Create a card</h2>
<form id="create_card_form" action="" method="GET"><!--action="create_card.php" method="post">-->
Deck: <input type="text" name="deck"><br><br>
Card Name: <input type="text" name="card_name"><br><br>
Front Text: <input type="text" name="front_text"><br><br>
Front Media (X: Image, Y: Video) <input type="text" name="front_media"><br><br>
Back Text: <input type="text" name="back_text"><br><br>
Back Media (X: Image, Y: Video) <input type="text" name="back_media"><br><br>
<input type="submit" value="CREATE CARD" onClick="createCard(this.form)">
</form>
</div>
</body>
</html>

但是,该函数未被调用。我知道这一点,因为警报从未发生过。我做错了什么?

最佳答案

尝试从表单中删除操作或使用那里的脚本。

你的括号/花括号肯定是错的

$.ajax({ )};

关于javascript - 调用 javascript 函数以从无法按预期工作的表单进行 AJAX 调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42727204/

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