使用Ajax将数据发送到PHP

时间:2017-05-31 17:19:32

标签: javascript php ajax

我正在尝试使用GET方法通过ajax发送一个字符串,但每当该字符串包含一些标点字符时,当我在php中使用echo时,这些字符就不会出现。

例如,如果我发送一个字符串“sub + 12”,php将回显“sub 12” 如果我发送“&()*”,php将回显一个空字符串。

为什么会这样? 字符串不能包含任何特殊字符吗?

2 个答案:

答案 0 :(得分:1)

在发送请求之前使用encodeURI()

答案 1 :(得分:1)

encodeURIComponent()。这是您可以检查的演示代码

像这样encodeURIComponent(yourtext)

首先是这个HTML代码。在文本字段中输入您的文本并检查此输出,这是onkeyup所以输入文本并检查结果

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PHP, jQuery search demo</title>
<link rel="stylesheet" type="text/css" href="my.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("input").keyup(function () {
        $('#results').html('');
        var searchString = $("#search_box").val();
        var data = 'search_text=' + encodeURIComponent(searchString);
        if (searchString) {
            $.ajax({
                type: "GET",
                url: 'edit.php',
                data: data,
                dataType: 'text',
                async: false,
                cache: false,
                success: function (result) {
                    $('#results').html(result);
                    //window.location.reload();

                }
            });
        }
    });
});
 </script>

</head>
<body>
<div id="container">
<div style="margin:20px auto; text-align: center;">
<form method="post" action="do_search.php">
    <input type="text" name="search" id="search_box" class='search_box'/>
    <input type="submit" value="Search" class="search_button"/><br/>
</form>
</div>
<div>

<div id="searchresults">Search results :</div>
<ul id="results" class="update">
</ul>

</div>
</div>

</body>
</html>

然后创建edit.php文件

<?php 

$searchquery = $_GET['search_text']; 
echo $searchquery;
?>

然后检查结果。这是有效的

输出

搜索结果:

  &()*