这就是事情。我决定今年夏天开始学习Html / CSS / JS,现在我已经主宰静态网页,我试图克服动态网页。 为了学习它,我决定建立一个测试网站,用于在数据库中搜索(使用一些过滤器)书籍。由于我不需要数据库是关系型的,我决定在我的服务器上安装MongoDB并使用AJAX与服务器通信,但是几天后阅读教程并在google上进一步搜索,我不知道#39; t设法获取足够的信息来制作能够从服务器读取的代码。
首先,我在数据库中添加了一个简单的JSON书,假设它的url类似于100.100.100.100:3000/library,内容为:
[
{
"_id":"book1",
"desc":"blablabladescription",
"cost":"15€"
}
]
现在我想在html上创建一个调用函数来访问数据库的按钮。关于如何做到这一点的一般想法是:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>mongoDB AJAX demo</title>
<script type='text/javascript' src='jquery-latest.min.js'></script>
<script type='text/javascript'>
function handler() {
var result;
$.ajax({
url: 'http://100.100.100.100:3000/library,
type: 'get',
dataType: 'jsonp',
jsonp: 'jsonp',
success: function (data) {
console.log('success', data);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log('error', errorThrown);
}
});
return result;
}
</script>
</head>
<body>
<button type="button" onclick="handler()">click</button>
</body>
</html>
这段代码是关于我的服务器请求结构的一般概念,但我知道它不完整。我想我应该制作一些new XMLHttpRequest(); variable.open("GET","something",true); variable.send()
并使用一些回调来处理异步。
我希望你能帮助我解决这个问题。我只需要解释如何执行此操作或某个有深入教程的网站,我基本上一直在使用http://www.w3schools.com/。
谢谢,bertri
答案 0 :(得分:1)
幸运的是,您无法直接从客户端应用程序访问数据库。您需要有一个服务器端应用程序来访问您的MongoDB。另请参阅此帖子,这是一个近似重复:Client-side jQuery application with MongoDB
基于你最喜欢的家庭(javascript?),你建议的选择是Node.js.在Node.js中,您可以设置与数据库的连接以及与客户端应用程序的REST接口。如果你想让自己变得非常轻松而且只是专注于前端,我建议你在deployd.com上查看deployd.js。这将在NoSQL数据库中为您设置整个后端。因此,您对自己的API进行ajax调用以持久化,修改和检索对象。