javascript - jQuery 和 AJAX。 POST 只给出 NULL

Question

我在 Cloud9 中执行此操作。

我的计划是制作一个图片库。

在第一页:

• 图片很少，代表不同的“类别”。
• 通过单击其中一个，您将移至所选类别中相册的下一页。
• 点击相册后，您将看到该相册中的图片。

在第一页上，我创建了几个类别。当您单击其中一张图片时，应激活以下代码。代码触发，并且 jQuery 移动到下一页。

问题是，AJAX 发送了 id，但它永远不会到达另一个页面。发送的id是字符串，并且包含正确的单词。

但是，捕获 POST 的另一个页面不会收到它:变量的类型保持为 NULL，并且不包含任何内容。

首页代码(mainpage.php):

        $(document).ready(function(){
            getContent("mainpage.php");
        });

        function getContent($sivu){
             var xhttp = new XMLHttpRequest();
             xhttp.onreadystatechange = function() {
                 if (xhttp.readyState == 4 && xhttp.status == 200) {
                     document.getElementById("kuvaa").innerHTML = xhttp.responseText;
                 }
             }
             xhttp.open("GET", $sivu, true);
             xhttp.send();
        }  


         $(document).on("click", ".picture", function(){

               var pictureId = $(this).attr("name");
               //window.alert(jQuery.type(pictureId)); //type is string
               //window.alert(pictureId); // content is what it should be

               var request = $.ajax({
                   url: 'folders.php',
                   type: 'POST',
                   data: {
                       'idd': pictureId
                   },

                   success : function() {
                      getContent("folders.php")  
                   },
                   error : function(err) {
                       // in case of error
                       console.log(err);
                       alert('error');
                    },
                    dataType: "html"
                });
            });

第二页(folders.php)上的变量，不会得到任何东西:

    $picId = $_POST["idd"];

第一页仍然正确读取folders.php(这意味着它成功发送了POST，因为成功是运行getContent 所必需的)。

欢迎任何想法。

编辑，工作解决方案:

当您点击图片时:

            $(document).on("click", ".picture", function(){
                var pictureId = $(this).attr("name");
                getNewContent(pictureId);

            });

这就是:

            function getNewContent($idd){
                var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() {
                    if (xhttp.readyState == 4 && xhttp.status == 200) {
                        document.getElementById("kuvaa").innerHTML = xhttp.responseText;
                    }
                }
            xhttp.open("GET", "/folders.php?idd="+$idd, true);
            xhttp.send();
            } 

Answer 1

我建议您通过查询字符串将参数从页面传递到其他页面，如果您的页面不需要后端信息，您可以使用Javascript捕获该值，如果不需要，您可以根据Hachachin的答案获取该值。

/phpscript.php?idd=151

使用此脚本，您可以从查询字符串中获取 idd

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)", "i"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

var id = getParameterByName('idd');