Question

I have created a small database (couchdb) and web page (html5 boilerplate). My end goal is to have the user click a button which will retrieve a particular view which will be rendered as a table using the dhtmlx library (http://dhtmlx.com/).

At this point I have the page initializing the table (grid) on page load. I am trying to load the data in to the table using ‘mygrid.load(url,”json”)’ The documentation doesn’t provide an example of url but I’m assuming it would the be couchdb url of the view. In my case that is: 127.0.0.1:5984/mydata/_design/mydata/_view/details. If I open that url in a browser, I see the data in json format.

{"total_rows":14,"offset":0,"rows":[
{"id":"90e77126ce592105891eba2bd4000143","key":"An","value":"addition to others"},
{"id":"90e77126ce592105891eba2bd4001106","key":"Changed","value":"Directories."},
. . .
{"id":"83001c900adeefe50928a24b98001733","key":"Yeah","value":"CSS kind of working.  Guess I have express 3.0"}
]}

Needless to say:

mygrid.load("http://127.0.0.1:5984/mydata/_design/mydata/_view/details","json") 

doesn’t work. So:

a) Any ideas what I might be doing wrong?
b) Are there better libraries for what I’m trying to do with the grid? dhtmlx seems to be oriented to xml files, but it’s what I was given.

Answer 1

Also check if your html is served from http:/ /127.0.0.1:5984. If it is not served from that address and port, than your javascript will not be able to issue request at all to http:/ /127.0.0.1:5984 because of Same origin policy

Sou you either have to serve your html from couchdb directly or use some proxy so that it appears they are served from same host and port.