通过单击链接发送AJAX请求,而无需重定向用户

Question

我有一个Web应用程序,它具有许多不同的项目,这些项目是从MySQL表生成的.当用户滚动浏览它时,我希望他们能够单击项目旁边的链接,该链接将请求插入到MySQL数据库中.通常,我会通过创建一个PHP页面(我将继续这样做)来执行此操作,该页面使用$ _GET方法从URI中获取项目名称和用户ID并将其插入到表中.但是,在这种情况下,我不希望用户被重定向到任何地方.我只想要链接发送请求,并可能在成功后显示一条小消息.

我认为jQuery/AJAX最适合这个,但由于我不太熟悉它,我不知道该怎么做.任何提示表示赞赏!

Answer 1

你必须做类似的事情

$('.classofyourlink').click(function(e){
  e.preventDefault();//in this way you have no redirect
  $.post(...);//Make the ajax call
});

通过这种方式,用户通过单击链接进行ajax调用而无需重定向.以下是$ .post的文档

编辑 - 在你的情况下将值传递给jQuery你应该做类似的事情

$('.order_this').click(function(e){
  e.preventDefault();//in this way you have no redirect
  var valueToPass = $(this).text();
  var url = "url/to/post/";
  $.post(url, { data: valueToPass }, function(data){...} );//Make the ajax call
});