2017-08-23 12:07
浏览 134

Ajax - 使用jQuery发送对象数组

I am constructing an array of objects from form data in order to send to a processing script that will then send the data on to an API. The API does not allow CORS ajax requests, hence the need to send to an external script first.

I can return simple strings, but when I stringify the data I have, the response from the server is always that the POST or GET (have tried both) data is just an empty array.


$('#enrol').submit(function(e) {

    var collection = [];

    $('#enrol .form-row').each(function() {
        var email = $(this).find('input[type="email"]').val();
        var c1Val = $(this).find('.c1').is(':checked') ? 'true' : 'false';
        var c2Val = $(this).find('.c2').is(':checked') ? 'true' : 'false';
        var c3Val = $(this).find('.c3').is(':checked') ? 'true' : 'false';
        var c4Val = $(this).find('.c4').is(':checked') ? 'true' : 'false';
        var c5Val = $(this).find('.c5').is(':checked') ? 'true' : 'false';
        var c6Val = $(this).find('.c6').is(':checked') ? 'true' : 'false';
        var c7Val = $(this).find('.c7').is(':checked') ? 'true' : 'false';

        var person = {
            'email'   : email,
            'course1' : c1Val,
            'course2' : c2Val,
            'course3' : c3Val,
            'course4' : c4Val,
            'course5' : c5Val,
            'course6' : c6Val,
            'course7' : c7Val,


    var dataString = JSON.stringify(collection);

        url: '',
        data: dataString,
        crossDomain: true,
        success: function(response) {
        error: function(response) {


header("Access-Control-Allow-Origin: URLHERE");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");


What I don't get is if I just JSON.stringify a simple string, I get the data returned, yet the array of objects seems to arrive at the php script as an empty array - or at least that's what the console.log is suggesting. I've outputted the dataString variable to ensure it has data - it does.

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • dourao1896 2017-08-24 11:00

    The solution was a simple one, I wasn't providing a key for the post array -

    data: dataString

    should have been

    data: { data: dataString }

    Then the output of var_dump($_GET['data')) contained the data I was sending.

    点赞 评论
  • doufeng3602 2017-08-23 12:16

    i have something similar in my own project. This works for me:

    jsonObj = new Object();
    jsonObj['email'] = email;
    jsonObj['course1'] = c1Val;
                type: 'POST',
                url: '',
                data: {"data": JSON.stringify(jsonObj)},
                cache: false,


    点赞 评论
  • duanchun1881 2017-08-23 12:22

    PHP will not automatically fill the superglobals $_GET and $_POST when the data arrives in JSON format. You'll need to do two things on the PHP side:

    1. Manually capture the input
    2. JSON-decode it into a PHP data structure

      // capture your raw JSON
      $datastring = file_get_contents("php://input");
      // decode it into a PHP array
      $collectionArray = json_decode($datastring, true);

    On the jQuery side, the following may not be needed, but I would be explicit about the type of content sent to the server:

        url: '',
        data: dataString,
        contentType : "application/json",
    点赞 评论

相关推荐 更多相似问题