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

时间:2012-08-05 14:14:27

标签: javascript html ajax

我有以下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控制台中,错误以未捕获的语法错误的形式给出。意外标识符(重复两次)。

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

1 个答案:

答案 0 :(得分:5)

这是语法错误。

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