将具有多个值的JSON字符串发布到ext js面板

时间:2013-10-09 14:53:25

标签: javascript php json extjs

我正在开发我正在开发的应用程序的元素。我有一个小型网络应用程序,专门用于跟踪业务的客户。目前我的能力非常有限。我将注释与其他属性一起存储在clients表中。我决定尝试通过添加注释表并使用注释更新ext js面板来使其更好一点。

如果我的笔记查询中只有一个注释,那么一切正常。

否则我收到此错误。

SyntaxError: invalid property id
..._date":"2013-10-08","note_body":"abcd"},{"username":"rcox","bdev_firstname":"Tre...

这是我正在使用的PHP。

case 'note':
$userid = $_REQUEST['clientID'];
$query = $dbh->prepare("SELECT a.username, b.bdev_firstname, b.bdev_lastname, n.note_date, n.note_body FROM admin a, bdevs b, clients c, notes n WHERE  c.clientID=".$userid.";");
$query->execute();
while($cli = $query->fetch()) {
$json = '{"username":"'.$cli['username'].'","bdev_firstname":"'.$cli['bdev_firstname'].'","bdev_lastname":"'.$cli['bdev_lastname'].'","note_date":"'.$cli['note_date'].'","note_body":"'.$cli['note_body'].'"},';   
$note .= $json;
}
$note = trim($note, ',');
echo '{success: true, data:'.$note.'}';   
break;

这是我的ext js功能。

function getNote(){
    var selectedNote = userGrid.getSelectionModel().getSelected();
    Ext.Ajax.request({
        url: 'inc/template.php',
        params: {list: 'note',
                clientID: selectedNote.get('clientID')
                },
        method: 'POST',
        success: function(f,a){
            var jsonData = Ext.util.JSON.decode(f.responseText);

                if(jsonData.success == true)
                {
                    var username = jsonData.data.username;
                    var bdev_firstname = jsonData.data.bdev_firstname;
                    var bdev_lastname = jsonData.data.bdev_lastname;
                    var note_date = jsonData.data.note_date;
                    var note_body = jsonData.data.note_body;
                    RightPanel.update('<b>Admin:</b> ' + username + '<br/><b>Buissiness Dev Rep:</b> ' + bdev_firstname + bdev_lastname + '<br/><b>Note Date:</b> ' + note_date + ' <br/>----------<br/> ' + note_body);
                }
                else
                {
                    RightPanel.update('Access Denied');
                }
        },
        failure: function(f,a){
            Ext.Msg.alert("Error", "Access Denied");
        }
    });
}
  

下面已经回答了这个问题。有关此主题的更多疑难解答,您可以访问我在Sencha论坛上的问题。 http://www.sencha.com/forum/showthread.php?273478-MOVED-POST-Posting-a-JSON-array-with-multiple-values-to-ext-js-panel&p=1002545#post1002545

1 个答案:

答案 0 :(得分:0)

如果您实际上没有使用它,那么使用json的重点是什么。

case 'note':
$userid = $_REQUEST['clientID'];
$query = $dbh->prepare("SELECT a.username, b.bdev_firstname, b.bdev_lastname, n.note_date, n.note_body FROM admin a, bdevs b, clients c, notes n WHERE  c.clientID = ?");
$query->execute(array($userid));
$response = json_encode(array('success'=> true, data => $query->fetchAll(PDO::FETCH_ASSOC)));
echo $response;   
break;

然后ext.js将你的错误放在哪里 - 如果数据是一个数组,你需要迭代它,然后才能访问关联字段,对吗?

            if(jsonData.success == true)
            {
                var i, item;
                for(  i = 0; i < jsonData.data.length; i++; ) {
                item = jsonData.data[i];                    
                RightPanel.update('<b>Admin:</b> ' + item.username + '<br/><b>Buissiness Dev Rep:</b> ' + item.bdev_firstname+" "+item.bdev_lastname + '<br/><b>Note Date:</b> ' + item.note_date + ' <br/>----------<br/> ' + item.note_body);
              }
            }