gpt4 book ai didi

javascript - AJAX 请求导致 Text.splitText 抛出错误

转载 作者:行者123 更新时间:2023-12-03 01:20:17 26 4
gpt4 key购买 nike

我正在编写一个 javascript 网页,并在其中尝试发送此 Ajax 请求。

<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<script>
function onSubmit() {
$.ajax({
url: window.location.href,
method: "POST",
context: document.body,
data: {newContent: $("#verseContent").contents()[0]},
success: () => {console.log("DONE")},
error: (err) => {console.error(err);}
});
}
</script>
</head>
<body>
<textarea id="verseContent"><%= content %></textarea>
<button onClick="onSubmit()">SAVE</button>
</body>
</html>

但它总是抛出错误:

[Error] TypeError: Can only call Text.splitText on instances of Text
splitText (jquery.min.js:2:71316)
i (jquery.min.js:2:71316)
jt (jquery.min.js:2:71208)
jt (jquery.min.js:2:71232)
param (jquery.min.js:2:71508)
ajax (jquery.min.js:2:75809)
onSubmit (1:10)
onclick (1:30)

我似乎找不到任何信息来帮助调试这个问题...有人知道可能发生了什么吗?非常感谢您的任何想法、想法或任何方向。

最佳答案

您应该发送的 AJAX 请求数据是 JSON 对象。

根据您的情况,我猜您想从 textarea 发送内容。如果属实,您可以尝试以下代码:

<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<script>
function onSubmit() {
$.ajax({
url: window.location.href,
method: "POST",
data: {
newContent: $("#verseContent").text()
},
success: () => {console.log("DONE")},
error: (err) => {console.error(err);}
});
}
</script>
</head>
<body>
<textarea id="verseContent"><%= content %></textarea>
<button onClick="onSubmit()">SAVE</button>
</body>
</html>

关于javascript - AJAX 请求导致 Text.splitText 抛出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51795959/

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