0

我在这里收到了帮助，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() 中。

提前致谢。

4

2 回答 2

1

当前最好的方法是将数组编码为字符串，这是您可以 POST 到 PHP 脚本的唯一格式。

JSON 编码是目前最流行的通过 Internet 发送此类数据的标准。以下是一些编码数据的示例：

{
    "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;
于 2013-05-24T22:29:06.430 回答
-1

我可以将 javascript 数组传输到 PHP

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

于 2013-05-24T22:34:35.273 回答