nodejs与ajax交互，alert返回数据失败
渲染模板采用ejs
<!DOCTYPE html><html> <head> <title><%= title %></title> <link rel='stylesheet' href='/stylesheets/style.css' />
<script type="text/javascript" src="/javascripts/jquery-1.9.1.min.js">$(function(){ $(“#submit”).click(function(){
var params ={
name: $("#name").val(),
password: $("#password").val()
};
$.ajax({
data: params,
url: '/',
type:'post',
dataType: 'json',
success: function(data){
//var data = $.parseJSON(data);
$("#name").val(data.message);
alert(data.message);
},
error: function(jqXHR, textStatus, errorThrown){
alert('error ' + textStatus + " " + errorThrown);
}
});
});
});
</script> </head> <body><h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<form method="post">
<input type="text" id="name"/>
<input type="text" id="password"/>
<input type="submit" id="submit" name="提交"/>
</form>
希望提交后，name的值为我返回的数据 nodejs后台为
router.get('/’, function(req, res, next) { res.render('index’,{title:"ajax test"}); });
router.post(‘/’,function (req,res){ console.log(req.body); if(req.body.name!=’’&& req.body.password!=’’){ res.json({message:1}); } }); 点击只会跳转到显示{message:1}的页面，不能返回到原来的页面，并且弹出alert 应该怎么改呢
3 回复
因为你的submit是在form里, 点击后, 实际上走的是form action, 自然就会跳转页面咯.
试试在click时加上e.prevDefault()和e.stopPropagation()
