我需要一个关于简单的AJAX查询的代码的线索

时间:2014-05-14 22:19:25

标签: ajax structure

我只是在冒险进入AJAX,我发誓我现在很快就会真正了解它,但我现在所需要的只是获得内部浏览器的高度,所以我可以问一下谷歌地图引擎的适当高度的地图。 (我实际上通过Joomla下的Google Maps插件提出了这个请求。如果我能以某种方式在客户端提出这个请求,那么我可能不会真的搞乱AJAX,但这仍然是一个很好的介绍性练习对我来说。)

我试图通过整合一个包含how to get screen width through php?第一个答案代码的工作最小文档来掌握基本的AJAX设置。我意识到这个例子要求的属性与我要求的不同,但我只是保持代码尽可能接近原始代码。

我不清楚代码在哪里,但显然不是这样,http://allbluesdance.com/testajax.php

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Test Ajax</title>
</head>
<body>

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    <script>
        var width = $(window).width();
        //This is ajax code which will send width to your php page in the screenWidth variable
        $.ajax({
            url: "http://allbluesdance.com/testajax.php", //this will be your php page 
            data : {screenwidth:width} 
        }).done(function() {
            $(this).addClass("done");
        });
    </script>

(Yeah, it's running)

    <!-- example.php code is here : -->
    <?php
        echo $width = $_REQUEST['screenwidth'];
    ?>

</body>
</html>

因此,除非我犯了一个愚蠢的语法错误,否则我可以使用线索。

谢谢, 德鲁

1 个答案:

答案 0 :(得分:0)

我认为您需要指定AJAX如何通过GET或POST获取数据。我一直在使用这个片段,它对我有用。

    // fire off the request

    var request = $.ajax({
        url: "/list/server.php",
        type: "POST",
        data: send_data
    });

    // callback handler that will be called on success
    request.done(function (response){
        // log a message to the console
        console.log(response);
    });