javascript - 如何使用从 html 文件中获取的两个参数编写 AJAX GET 请求？

Question

我有以下 HTML 元素，我需要将其值插入数据库。

<p>You scored :: </p><p id="txtScore1"></p>
<input type="text" placeholder="Your Name" id="name">

这是 W3schools 网站上建议的示例 javascript 代码以完成任务。

xmlhttp.open("GET","demo_get2.asp?fname=Henry&lname=Ford",true);
xmlhttp.send();

所以我在我的 javascript 文件中尝试了以下几行：

xmlhttp.open("GET","insert.php?q=&name=" + encodeURIComponent(document.getElementById('name').value + "&txtScore1=" + encodeURIComponent(document.getElementById('txtScore1').innerHTML),true);
xmlhttp.send();

它不起作用，并且在 chrome 控制台中，错误显示为未捕获的语法错误。意外标识符（重复两次）。

你能建议我正在做的错误吗？

Answer 1

这是一个语法错误。

xmlhttp.open("GET","insert.php?q=&name=" + encodeURIComponent(document.getElementById('name').value + "&txtScore1=" + encodeURIComponent(document.getElementById('txtScore1').innerHTML),true);

应该

xmlhttp.open("GET","insert.php?q=&name=" + encodeURIComponent(document.getElementById('name').value) + "&txtScore1=" + encodeURIComponent(document.getElementById('txtScore1').innerHTML),true);
//                                                                                                 ↑
//                                                                                        Added parenthesis