Question

我正在尝试整理一个网页，该网页在1个文件中有多个页面，该网页会根据会话值检查我创建的会话以显示页面。
但是，我想创建一个按钮，在背景上执行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

你弄错了。

#terug是一个 ID选择器

<button type="button" class="terug">没有 id属性

使用类选择器（.）或使用id属性。

Answer 2

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

$（ “＃terug”）。点击..

尝试使用 $（'。terug'）。

'＃'按ID选择 ''按班级选择

Answer 3

当你应该使用类选择器时，看起来你选择了一个id＃。

$（“。terug”）。on（'click'，function（）

Answer 4

我会说你做对了。现在使用jQuery append将内容添加到某些html元素（通常是div）而不是警告它。

http://api.jquery.com/append/

Answer 5

您正在使用课程。但是我使用＃来调用类。您应该使用。（点）而不是＃。

按钮onclick ajax调用

5 个答案: