2

我有三个代码，第一个是html：

<html>
<head>
<script type = "text/javascript" src = "AJAX.js"></script>
</head>

<body>
<form method = "GET" >
    <input type = "text" id ="a" ><br>
    <input type = "text" id = "b"><br>
    <input type = "button" value ="click"  onclick = "process()"><br>
    <textarea id = "underbutton" ></textarea><br>
</form>
<body>
</html>

现在javaScript（AJAX）：

function process() {
    if(xmlHttp.readyState==0 || xmlHttp.readyState==4){

        a = document.getElementById("a").value;
                b = document.getElementById("b").value;
        xmlHttp.onreadystatechange = handleServerResponse;
        xmlHttp.open("GET","file.php?a="+a+"&b="+b,true);
        xmlHttp.send();
    }
}

function handleServerResponse (){
    if(xmlHttp.readyState==4 && xmlHttp.status==200)
        {

        response = xmlHttp.responseText;
        document.getElementById("underbutton").innerHTML =  response ;


        }

}

现在php文件：

<?php  

echo $_GET['a'].'<br>';
echo $_GET['b'].'<br>';

?>

一切正常，但问题是当我输入第一个 texbox (a) 单词hello和第二个 (b) 代码&并单击按钮时；它必须打印出来hello&。
但它打印 hello！
只是hello没有&。

我注意到我正在发送到 php 文件是这样的： file.php?a=hello&b=&。
最后一个&必须是%26

所以要打印出来，&我必须发送： file.php?a=hello&b=%26。

我该如何解决？

4

5 回答 5

3

JavaScript 中的更改：

- a = document.getElementById("a").value;
- b = document.getElementById("b").value;
+ a = encodeURIComponent(document.getElementById("a").value);
+ b = encodeURIComponent(document.getElementById("b").value);
于 2013-05-14T17:51:45.853 回答
3

您必须对您的值进行 URL 编码：

xmlHttp.open("GET","file.php?a="+encodeURIComponent(a)+"&b="+encodeURIComponent(b),true);

你需要这个，因为你的 URL 中的参数在 '&' 上被分割，所以它就像：

a=hello & b= & *（这里可能是第三个参数）*

于 2013-05-14T17:52:02.347 回答
1

我认为，使用 jQuery.AJAX() 将为您解决问题。

于 2013-05-14T17:51:49.493 回答
1

使用 encodeURIComponent()

xmlHttp.open("GET","file.php?a="+encodeURIComponent(a)+"&b="+encodeURIComponent(b),true);
于 2013-05-14T17:52:55.820 回答
0

要在 URL 中编码与号 (&)，请使用&amp;. 当你用它替换它时会发生什么？

于 2013-05-14T17:52:30.607 回答