javascript - 按钮 onclick ajax 调用

Question

我正在尝试将一个包含多个页面的网页放在一个文件中，该文件检查我创建的 session 以根据 session 值显示页面。
但是，我想创建一个按钮，在后台执行 ajax 调用并返回 JSON 格式的结果，但我不知道我是否以正确的方式执行此操作。
我有这个js:

$(document).ready(function() {
var alert = $('.Cmessage'); // DIV TO PUSH RESULTS TO

$("#terug").on('click', function(){

$.ajax({
  url: 'http://www.XXX.nl/shop/offerte/back.php', // form action url
  type: 'get', // form submit method get/post
  dataType: 'json', // request type html/json/xml 
  beforeSend: function() {
    alert.fadeOut();
  },
success: function(result) {
    if(result.error){
        alert.html(result.html).fadeIn();
        console.log(e)
    }else{
        alert.html(result.html).fadeIn();
        }
    }
});
});
});

每当我点击时，这个js都需要检查:

<button type="button" class="terug">Open/Laden</button>

但不知何故，我未能将其附加到“terug”类并用它做一些事情。

有人对我如何做得更好并让它发挥作用有任何建议/想法吗？ :P

问候。

Answer 1

您使用错误的 jQuery 选择器选择按钮。

$("#terug").click..

尝试使用 $('.terug') 代替。

'#'按id选择
'.'按类别选择