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

Question

我有以下HTML元素,其中我需要INSERT到数据库的值.

<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控制台中,错误是作为Uncaught Syntax Error给出的.意外的标识符(重复两次).

你能否提出我正在做的错误？

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