index.ejs
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src="/javascripts/jquery.min.js"></script>
<script>
function ajax(){
$.ajax({
url: "/ajax",type: "GET",dataType: "json",data: {
id: 111,title: 'aaa',content: 'bbb'
},contentType: "application/json",cache: false,timeout: 5000,complete: function() {
//called when complete
console.log('process complete');
},success: function(data) {
console.log(data);
console.log('process sucess');
alert(data);
},error: function() {
console.log('process error');
}
});
}
</script>
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<button onclick="ajax()">aaaaa</button>
</body>
</html>
route.ajax
exports.ajax=function(req,res){
console.log(req.query.id)
console.log(req.query.title);
console.log(req.query.content);
var a={
id:req.query.id,title:req.query.title
};
res.send(a);
};