php - 将数组从php传递给jquery ajax,然后再次将相同的数组从jquery传递给php

时间:2015-04-25 13:48:03

标签: javascript php jquery arrays ajax

我处于这样一种情况:我使用json_encode将数组从php传递给jquery ajax并将其保存在我在jquery脚本var myarr = []中声明的空数组中,稍后在我发送的同一脚本中相同的数组,即myarr到php脚本通过$ .ajax使用JSON.stringify函数并在php脚本中接收数组,如json_decode($ _ POST ['myarr'],true),但问题是它没有转换回阵列。我想接收一个数组,以便我可以使用foreach循环来读取该数组。

以下是代码。 首先,我在jquery脚本中声明一个数组

var imgArr = [];

然后从php脚本中获取所有图像并将其保存在上面声明的数组

PHP Script:

$getProfileId = $users->getPrfId($photoId);
$getImages = array();
$getImages = $users->getTypeImage($getProfileId);
//echo json_encode($getImages);
foreach($getImages as $value){
   echo json_encode($value);
 }

JQuery
  $.ajax({
        type: 'POST',
        url: 'fetchAllImages.php',
        data: {'photoId': photoId},
        success: function(data){
             imgArr = data;
          }
        });

现在在其他按钮上的相同脚本中单击我使用$ .ajax将此数组imgArr发送到php脚本。这是代码:

JQuery:

$('#right_arrow').live('click', function(e){

var photoId =   $(this).siblings('#o_popup_post').children('#o_post_box').children("#o_complete_post_image").children("img").attr("id");
       $.ajax({
       type: 'POST',
       url: 'nextImage.php',
       data: {'photoId': photoId, 'imgArr' : JSON.stringify(imgArr)},
               beforeSend: function(){
                $('#o_popup_post').fadeOut("normal").remove();
                    $('.o_background_popup').append("<div id='o_popup_post'></div>");
       },
       success: function(response){
            $('#o_popup_post').append(response);
        // alert(imgArr);

       }
    });
   });  


  PHP Script:

  $photoId = $_POST['photoId'];

  $imageArray = array();
  $imageArray = json_decode($_POST['imgArr'], true);

  foreach($imageArray as $key=>$value){....}

请帮忙。感谢

1 个答案:

答案 0 :(得分:1)

我在我的网络服务器上尝试了你的例子...按预期工作......并且正确...我删除的唯一内容是beforeSend和成功的javascript函数实现

我测试了这个并且它可以正常工作

HTML: 的test.html

    <html>
    <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js">
    </script>
    </head>
    <body>
    <button id="btn">btn</button>
    <script type="text/javascript">
    $(function() {
    $('#btn').on('click', function(evt) {
       var photoId = 1;
       var imgArr = [{ "name": "photo.jpg", "id": 1 }];
       $.ajax({
              type: 'POST',
                 url: 'test.php',
                 data: {'photoId': photoId, 'imgArr' : JSON.stringify(imgArr)},
                 beforeSend: function(){
                 },
                 success: function(response){
                     alert(imgArr);
                }
            });
    });
    });
    </script>
    </body>
    </html>

PHP: test.php的

    <?php
    //print_r($_POST);

    $photoId = $_POST['photoId'];

    $imageArray = array();
    $imageArray = json_decode($_POST['imgArr'], true);

    print_r($imageArray);

    foreach($imageArray as $key=>$value){

    }
    ?>

$ imageArray变量是一个数组数组,如print_r($ imageArray)输出所示:

    Array
    (
        [0] => Array
            (
                [name] => photo.jpg
                [id] => 1
            )

    )
因此你必须像这样走路:

    foreach($imageArray as $key=>$value){
        echo $value["name"];
    }

或者你可以尝试这个函数,它根据PHP中的魔术引号设置处理JSON中的斜杠问题:

    function _json_decode($string) {
        if (get_magic_quotes_gpc()) {
            $string = stripslashes($string);
        }

        return json_decode($string);
    }