AJAX POST-如何在PHP中使用js变量

Question

页面第一次加载时，POST数据数组中将没有任何内容。 运行后，我希望能够使用PHP代码中的POST数据中发送的任何变量，以便可以根据发送的参数查询数据库。 我是否需要以某种方式重新加载页面？

PHP：

if(isset($_POST['boarder'])){
    $boarder = $_POST['boarder'];
    function boarderCheck($boarder){
        echo "<script type ='text/javascript'>alert('$boarder');</script>";
    }
    boarderCheck($boarder);
} else {
?>
  <script defer src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="map.js"></script>
<?
};
?>

JavaScript（map.js）

$.ajax({
  type: "POST",
  data: {boarder: 'test'},
  dataType: 'text',
  success: function(response) {
    console.log(response);
  }
})

Answer 1

不，您不需要重新加载页面，尤其是因为您正在将异步请求（ AJAX中的A ）用于同一个URL。

请参阅此phpfiddle演示您的示例（进行了一些修改）。 单击运行-F9按钮，然后单击标有开发板的按钮以运行JavaScript（带有AJAX请求）。 如果打开浏览器控制台，则应该在“ 网络”选项卡中看到请求。 主要的应该是对类似于code_41096139.php的页面的GET请求（数字可能会更改）。 然后，当发出AJAX请求时，应该对同一页面有一个POST请求。 展开该请求，您应该看到表单数据。

除了添加按钮和单击处理程序之外，所做的唯一修改是添加了输出元素：

<div id="output"></div>

然后在AJAX请求的成功回调中，将该元素的文本设置为响应（除了对console.log()的调用之外）：

 success: function(response) {
      $('#output').text('response: '+response);
      console.log(response);
 }

Answer 2

您可以通过使用Ajax请求来完成此任务。 您已经加载了JQuery库，并具有发送Ajax请求的代码。

也许您正在寻找如何在客户端脚本上使用Ajax响应，或者如何在客户端事件上向服务器发送Ajax请求。

Ajax是一种无需刷新页面即可与服务器通信的方法。

因此，对您的问题的简单答案是-不，您不需要重新加载页面即可完成此任务。

但是，如果您可以（并且更舒适）重新加载页面，则可以编写JavaScript以隐藏形式填充隐藏字段，并使用JavaScript以编程方式提交表单并在$ _POST上处理php中的所有内容

Answer 3

我认为这将帮助您发送请求并加载数据，如果您想重新加载页面，并且也要搜索它

   <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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/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=' + searchString;
        if (searchString) {
            $.ajax({
                type: "POST",
                url: 'search.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>

然后创建一个PHP文件

<?php 

 $searchquery = trim($_POST['search_text']); 
echo $searchquery;
?>

您可以添加更多代码，例如更新数据库，并根据需要插入搜索

AJAX POST-如何在PHP中使用js变量

问题描述

PHP：

JavaScript（map.js）

3 个解决方案

解决方案1
1 已采纳 2017-03-06 19:58:57

解决方案2
0 2017-03-06 20:04:36

解决方案3
0 2017-03-06 21:02:59

AJAX POST-如何在PHP中使用js变量

问题描述

PHP：

JavaScript（map.js）

3 个解决方案

解决方案1 1 已采纳 2017-03-06 19:58:57

解决方案2 0 2017-03-06 20:04:36

解决方案3 0 2017-03-06 21:02:59

解决方案1
1 已采纳 2017-03-06 19:58:57

解决方案2
0 2017-03-06 20:04:36

解决方案3
0 2017-03-06 21:02:59