9

我在使用带有 AJAX.Jquery 的 POST 方法传递变量时遇到问题

这是我的代码：

ajaxtest.php

<?php 
  $dir = $_POST['dir'];
  $scaned = glob($dir."*",GLOB_ONLYDIR);    
  echo json_encode($scaned);
?>

ajaxtest.html

<html>
<head>

<script type="text/javascript" src="js/jquery.js"></script>

</head>
<script>

$(document).ready(function(){
$('button[type="button"]').click(function(){
    var dir = 'gals/';
    $.ajax({
        url: "ajaxtest.php",
        type: "POST",
        data: dir,
        success: function(results){
            data = jQuery.parseJSON(results);
            for (var i = 0; i < data.length ; i++) {
                $('#buttonA').after('<br />'+data[i]+'<br />'); 
            };

        }
    })
})

})
</script>
<body>
<br />
<button id="buttonA" type="button">Test button</button>

</body>
</html>

此代码不起作用。

但是这个可以：（但不是json）

$.post("ajaxtest.php", {dir:dir}, function(results){
        var data = $.parseJSON(results);
        for (var i = 0; i < data.length ; i++) {
            $('#buttonA').after('<br />'+data[i]+'<br />'); 
        }
    })

为什么这样？！我的代码有什么问题？请指教！非常感谢。

4

3 回答 3

8

data应具有以下格式：

data: {
    'dir': dir
}

它不适用于 json，因为成功参数名称错误。这不是根据回调内部的代码。
将其从 更改results为data。

var dir = 'gals/';
$.ajax({
    url: "ajaxtest.php",
    type: "POST",
    data: {'dir': dir},
    success: function(data){
        data = jQuery.parseJSON(data);
        for (var i = 0; i < data.length ; i++) {
            $('#buttonA').after('<br />'+data[i]+'<br />'); 
        };

    }
});
于 2012-12-20T00:12:28.597 回答
3

不同之处在于，在非工作示例中，您发送的是字符串，而在工作示例中，您发送的是对象。因此，在您的非工作示例中发送相同的对象。

$.ajax({
    url: "ajaxtest.php",
    type: "POST",
    data: {dir : 'gals/'},
    success: function(results){
        data = jQuery.parseJSON(results);
        for (var i = 0; i < data.length ; i++) {
            $('#buttonA').after('<br />'+data[i]+'<br />'); 
        };

    }
})
于 2012-12-20T00:13:52.233 回答
0

url 字段有一个尾部斜杠，可能会使其无法正常工作：

url:'mypath/'

必须是：

url:'mypath'
于 2016-09-29T14:45:22.953 回答