发布数据ajax phonegap时为空数组答案

【问题标题】：empty array when post data ajax phonegap发布数据ajax phonegap时为空数组
【发布时间】：2017-10-24 21:45:35
【问题描述】：

我正在尝试在 phonegap 中使用 ajax。当我发布数据时 - php 总是采用空数组。这不是错误的代码。我想知道 url 是否有问题。可能吗？或者也许我应该添加更多访问权限？我真的不知道我做错了什么。

不正确..

这是我的代码： html:

    <!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />



</head>
<body>
<form id="foo">
    <label for="bar">A bar</label>
    <input id="bar" name="bar" type="text" value="" />
    <input type="submit" value="Send" />
</form>

<div id="result"></div>


    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
 var values = $(this).serialize();

 $.ajax({
        url: "http://localhost/inne/phonegap_test/agregar.php",
        type: "post",
        data: values ,
        success: function (response) {
          console.log("okey");         

        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
        }


    });
</script>


</body>

</html>

php:

    <?php


header('Access-Control-Allow-Origin: *'); 
header('Access-Control-Allow-Methods: POST, GET, OPTIONS'); 

 var_dump($_POST);

【问题讨论】：

重复stackoverflow.com/questions/33037800/…
你显示完整的<script>了吗？
是的，我已经展示了完整的脚本

标签： php html ajax phonegap

【解决方案1】：

这是因为脚本在页面加载后立即发送请求。您应该使用以下代码：

 
 
 $("#foo").submit(function(e){
   var values = $(this).serialize();

   $.ajax({
        url: "http://localhost/inne/phonegap_test/agregar.php",
        type: "post",
        data: values ,
        success: function (response) {
          console.log("okey");         

        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
        }


    });

    e.preventDefault();
    return false;
 });

【讨论】：

我改了，数组又为空了:(