如何在PHP中从Ajax Jquery serializeArray()获取数据?

时间:2016-03-22 06:26:22

标签: php jquery json ajax

我尝试使用jquery ajax json处理表单数组到php。

我的代码 tesJSONarray.php

<script src='jquery.js'></script>
<script>
  $(document).ready(function(){

      $('.SAVE').click(function(e){
         e.preventDefault(); 

        var str = JSON.stringify($("#COBA").serializeArray());

         alert(str);


           $.ajax({

              type:"POST",
              dataType:"json",
              url:"tesJSONarray2.php",
              data:str,
              success: function(data) {
                   $("#data").html(data);


               },

           });      

      });

  });


</script>

<!--div id='data'></data-->

<form id='COBA' method="post">
  <input type='text' name='NAME[]' class='NAME' value="septiyo"><br>
  <input type='text' name='NAME[]' class='NAME' value="naf'an"><br>
  <input type='submit' value='SAVE' name='SAVE' class='SAVE'>
</form>

我的操作文件 tesJSONarray2.php

$name = $_POST['NAME'];
foreach ($name as $x) {
    echo json_encode($x);
}

header('Content-type: application/json');

但它不起作用。我如何在PHP上处理变量。?

通常如果我使用 serialize(),我知道来自PHP的值

echo json_encode($variable);

但是serializeArray()无效。

任何人都可以帮助我吗?

提前感谢。

1 个答案:

答案 0 :(得分:2)

您可以更改数据:

var myApp = angular.module('myApp',[]);
function MyCtrl($scope, $http) {
    // parse the string content as json
    $scope.mediaNew = JSON.parse('[{"title":"Example_1","url":"http://www.w3schools.com/html/mov_bbb.mp4"}]');
    $scope.trustSrc = function(src) {
       // trust an insecure url
       return $sce.trustAsResourceUrl(src);
    };
}

<div ng-controller="MyCtrl">
   <div class="panel-body" ng-repeat = "md in mediaNew">    
     <h1>
        {{md.title}}
     </h1>
     <video ng-src="{{ trustSrc(md.url) }}" width="240" controls></video>
   </div>
 </div>