javascript - 使用 jquery 遍历 jsonp

标签 javascript php jquery ajax jsonp

<分区>

我可以看到 firebug 中的响应是正确的,但实际上无法访问它返回的数据 - 需要一个指针。我当然会尝试将条目的时间戳放入 div - div 确实存在。

j查询

$(document).ready(function(){
        $.ajax({
            url: 'http://www.testurl/api.php',
            data: {check: 'one'},
            dataType: 'jsonp',
            jsonp: 'callback',
            jsonpCallback: 'jsonpCallback',
            success: function(){
                alert("success");
            }
        });
    });

function jsonpCallback(data){
    $('#jsonpResult').text(data.timestamp);
}

PHP

<?php
header("content-type: text/javascript");
require_once('Connections/con.php');
mysql_select_db($database_ey, $ey);
$query_pledges = "SELECT * FROM pledges ORDER BY timestamp DESC LIMIT 10";
$pledges = mysql_query($query_pledges, $ey) or die(mysql_error());
$totalRows_pledges = mysql_num_rows($pledges);

if (isset($_GET['check'])) {
    $responses = array();
    while ($row_pledges = mysql_fetch_assoc($pledges)) {
        $response    = array(
            'FirstName' => $row_pledges['FirstName'],
            'Surname' => $row_pledges['Surname'],
            'Country' => $row_pledges['Country'],
            'pledge1' => $row_pledges['pledge1'],
            'pledge2' => $row_pledges['pledge2'],
            'pledge3' => $row_pledges['pledge3'],
            'timestamp' => $row_pledges['timestamp']
        );
        $responses[] = $response;
    }
    echo $_GET['callback'] . '(' . json_encode($responses) . ');';
}
?>

我在 Firebug 中的 react 看起来像

jsonpCallback([{"FirstName":"me","Surname":"lastname","Country":"United Kingdom","pledge1":"pledgeIcon1","pledge2":"pledgeIcon2","pledge3":"pledgeIcon4","timestamp":"1402066487"}]);   

如前所述,我希望能够遍历 jquery 中的结果并附加到各种 div

最佳答案

我需要的循环看起来像这样

function jsonpCallback(data) {
    $.each(data, function (i, item) {
        $('#jsonpResult').append(
            $('<div/>')
            .addClass("myclass")
            .text(item.timestamp) //item.timestamp
        );
    });
}

关于javascript - 使用 jquery 遍历 jsonp,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24087017/

相关文章:

javascript - 当我将鼠标悬停在 DIV 中的链接上时,我需要阻止 DIV 消失

jquery - 如何将高度超过视口(viewport)的固定div粘贴到 body

javascript - VueJs - 两个数字之间循环的最佳实践

javascript - 在 JavaScript 中更改 "this"的上下文

javascript - 使用 Javascript 创建(和编辑)矩形

php - Symfony Doctrine 2 PostRemove 删除文件奇怪行为

php - zend db select join 帮助

javascript - 作为 jquery 响应的附加行组不遵循表条纹表样式

php - javascript 与 php : pros and cons for code development

javascript - 即使表单值未更改,如何强制 jquery 验证器触发验证方法