传递参数以通过ajax请求并使用php

时间:2015-12-01 14:45:00

标签: php jquery ajax parameters request

我的index.php:

<script type="text/javascript">

    var chosenCity = 'London';

    (function($) {

        var formData = new FormData();

        formData.append("city", chosenCity);

        var xhr = new XMLHttpRequest();
        xhr.open("POST", "index.php");
        xhr.send(formData);     

    })(jQuery);


</script>

我想在我的页面中打印selectedCity的值,所以我这样做:

<?php 
    $var = $_REQUEST['city'];
    echo $var;
    print_r($_POST);
    print_r($_REQUEST);
?>

但没有打印出来。

使用php调试器我可以看到$ var在fisrt调试会话中首次加载时包含null。

在第二个调试会话$var中包含'London' ...但即使在第二次会话之后也没有打印任何内容。

尝试打印$_POST$_REQUEST

时也是如此

我尝试过不同的环境和浏览器

我做错了什么?

还有其他办法吗?

1 个答案:

答案 0 :(得分:0)

暂时忽略jQuery,以下工作正常,这表明您发送XHR请求本身的javascript代码没问题。

    <?php
        /* 

            "/test/target.php" ~ equivilent of index.php

        */
        ob_clean();
        print_r($_POST);
        exit();
    ?>


    function _ajax( chosenCity ){
        var fd = new FormData();

        fd.append('city', chosenCity);
        fd.append('section','baselevel');

        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange=function(){
            if( xhr.readyState==4 && xhr.status==200 ) console.info( 'Response: %s',xhr.response );
        };
        xhr.open( 'POST', '/test/target.php' );
        xhr.send( fd );     
    }

    document.addEventListener( 'DOMContentLoaded', function(){ _ajax.call(this,'london') }, false );