Question

我在这里得到了帮助，而stackoverflow正在制作邀请函数。在基于AJAX的搜索框中，可以邀请团队。搜索团队，找到团队然后选择团队时，团队将存储在一个阵列中。但是，我需要PHP中数组中的数据。

我的问题：我可以使用AJAX将javascript数组传输到PHP吗？代码可以在这里看到。 AJAX部分是使用jQuery创建的。

//AJAX based search
var $j = jQuery.noConflict();
$j(document).ready(function(){
    $j("#search_results").slideUp();
    $j("#button_find").click(function(event){
        event.preventDefault();
        search_ajax_way();
    });
    $j("#search_query").keyup(function(event){
        event.preventDefault();
        search_ajax_way();
    });
});

function search_ajax_way(){
    $j("#search_results").show();
    var search_this=$j("#search_query").val();
    $j.post("search_team.php", {searchit : search_this}, function(data){
        $j("#display_results").html(data);
    })
}
// <----- AJAX search ends ------>

//Add-remove teams

//Functional object for team
var Team = function (id, name) {
    this.name = name;
    this.id = id;
}

//Array which will contain teams
var TeamList = [];

//Checking if the team is already added
function containsTeam(id) {
    for (var i = 0; i < TeamList.length; i++) {
        if (TeamList[i].id == id) {
            return true;
        }
    }
    return false;
}

// Removed team by onclick-event
function removeTeam(id) {
    for (var i = 0; i < TeamList.length; i++) {
        if (TeamList[i].id == id) {
            TeamList.splice(i, 1);
            document.getElementById('teams').removeChild(document.getElementById('ta'+id));
        }
    }
}

function addTeam(tid) {
    // Grab the input value
    var teamName = document.getElementById(tid).innerHTML;
    var teamID = document.getElementById(tid).id;

    // If empty value
    if(!teamName || !teamID) {
        alert('An error occured.');
    } else {
        if(containsTeam(teamID) == false) {
            TeamList.push(new Team(teamID, teamName));

            // Create the teams with the value as innerHTML
            var div = document.createElement('div');
            div.className = 'team-to-invite';
            div.setAttribute('onclick', 'removeTeam('+teamID+')');
            div.onclick = function() { removeTeam(teamID) };
            div.id = 'ta' + teamID;
            div.innerHTML = teamName;

            // Append it and attach the event (via onclick)
            var teams = document.querySelector('#teams').getElementsByTagName('div');
            document.querySelector('#teams').appendChild(div);
        }
    }
    return false;
}

团队存储在TeamList（）中。

提前致谢。

Answer 1

目前执行此操作的最佳方法是将编码数组转换为字符串，这是您可以POST到PHP脚本的唯一格式。

JSON编码是目前通过互联网发送此类数据的最常用标准。以下是一些编码数据的示例：

{
    "glossary": {
        "title": "example glossary",
        "GlossDiv": {
            "title": "S",
            "GlossList": {
                "GlossEntry": {
                    "ID": "SGML",
                    "SortAs": "SGML",
                    "GlossTerm": "Standard Generalized Markup Language",
                    "Acronym": "SGML",
                    "Abbrev": "ISO 8879:1986",
                    "GlossDef": {
                        "para": "A meta-markup language, used to create markup languages such as DocBook.",
                        "GlossSeeAlso": ["GML", "XML"]
                    },
                    "GlossSee": "markup"
                }
            }
        }
    }
}

通常，您将使用jQuery的JSON编码对数组进行编码，将此数据发布到PHP脚本，然后在PHP端对其进行解码。

使用jQuery发布数组

var dataToSend = { 
    data: TeamList
};
jQuery.ajax({
    type: 'POST',
    url: "myPhp.php",
    data: JSON.stringify(dataToSend),
    dataType: "json",
    success: function(data){ alert(data); }
});

PHP解码JSON

<?php
$foo = file_get_contents("php://input");
$decoded = json_decode($foo, true);
var_dump($decoded); //Print out the data
$myArray = $foo => data;

Answer 2

我可以将javascript数组传输到PHP

您只能将字符串从javascript执行的浏览器传输到执行php的服务器。但是有很好的字符串格式，例如json，可以转换为数组等。

使用AJAX将javascript数组传输到PHP

2 个答案: