在React JS中使用ajax获取图形数据

时间:2015-10-16 08:50:02

标签: ajax neo4j reactjs cypher

我使用jquery实现了Neo4j图形数据库。以下代码将数据检索为JSON。数据检索密码查询在AUTO_COMPLETE_QUERY中定义。

function bindAutocompleteSearch(){
    var ajaxRequest={};
    ajaxRequest["query"]=AUTO_COMPLETE_QUERY;
    $.ajax({
         type: "POST",
         url: NODE_URL,
         data: JSON.stringify(ajaxRequest),
         contentType: "application/json",
         accept:"application/json; charset=utf-8",            
         success: function (response, status, jqXHR) {              
         var res=JSON.parse(response) ;      
         var nameList=[];               
         //Get table columns        
         var columns=Object.keys(res.columns).length; 
         //Get table rows                 
         var rows=Object.keys(res.data).length;
         for(i=0;i<rows;i++){                       
                for(j=0;j<columns;j++){
                    nameList.push(res.data[i][j]);
            }
         }
         $("#inputTxt").autocomplete({
         source:nameList,                 
         autoFocus: true
         });              
    },
    error: function (jqXHR, status) {
         // error handler
    }
    });
}

如何使用react JS实现相同的功能?我想通过cypher查询使用react js检索存储在graph数据库中的数据。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

我建议您从React文档开始。

有一个例子如何一起使用React和jQuery - https://facebook.github.io/react/docs/tutorial.html#updating-state