защита от спама с помощью jQuery и Ajax?

Используйте «флаг». Объявить var flag = 0; изначально. Затем в коде используйте его следующим образом:

if(flag==0) {
flag = 1;
$.ajax({
    type: "POST",
    url: "ajax_insert.php",
    data: dataString,
    cache: false,
    success: function(html){
        $("#event_" + id).html('You're on the guestlist!');
        flag=0;
    }
});

Таким образом, дубликаты могут быть предотвращены. И после отправки вы можете отключить форму с помощью javascript, чтобы пользователь не мог отправить другой запрос.

РЕДАКТИРОВАТЬ 1: Если вы используете ссылку, вы можете отключить саму ссылку. Есть много способов сделать это. Нравиться

$('.event_join').removeAttr('href');

Второй способ — изменить адрес ссылки.

$('.event_join').attr('href','#');

or

$('.event_join').attr('href','javascript:void(0)');

Третий способ может заключаться в том, что вы делаете ссылку скрытой.

$('.event_join').css({'display':'none'});

Четвертый способ — полностью удалить ссылку.

$('.event_join').html('');

или лучше, если у его родителя есть только один ребенок,

$('.event_join').parent().html('');

Способов может быть много, просто поищите в сети.

Если у вас много ссылок с классом event_join, используйте $('this') вместо $('.event_join'), чтобы не все ссылки отключались/скрывались/удалялись. Полный код может быть:

if(flag==0) {
flag = 1;
$.ajax({
    type: "POST",
    url: "ajax_insert.php",
    data: dataString,
    context: $(this),
    cache: false,
    success: function(html){
        $("#event_" + id).html('You're on the guestlist!');
        $(this).removeAttr('href');
        flag=0;
    }
});

Атрибут href удаляется после успеха, так как может быть вероятность того, что запрос ajax не будет выполнен в самом первом клике. А флаг используется для предотвращения нескольких кликов до запуска функции успеха.

Вы можете сделать так, как вы указали. Непонятный код javascript, но он работает. Есть два способа проверить ответ успешно или нет.

Первый — анализ ответа сервера. В этом случае для успеха сервер должен вернуть что-то вроде этого:

  echo( json_encode( array( 'result' => true ) ) );
  exit();

И для ошибки:

  echo( json_encode( array( 'result' => false ) ) );
  exit();

А на стороне клиента json-ответ сервера будет автоматически анализироваться JQuery. Итак, обработайте ответ следующим образом:

success: function( response ){
  if( 'undefined' == typeof response.result ||
      false == response.result ){
    console.log( 'Server returned error. Handle it here' );
  } else {
    console.log( 'Server returned success!' );
  }
}

Но я предпочитаю использовать коды ответа HTTP, потому что для этого он и был создан. Следующий способ рукопожатия с вашим сервером. На стороне сервера для успеха:

http_response_code( 200 );
echo( 'Good, lets go' );
exit();

И для ошибки:

http_response_code( 401 );
echo( 'It looks like you are bad boy' );
exit();

В этом случае на стороне клиента вы можете поймать ответ сервера следующим образом:

success: function( response ){
  console.log( 'Server returned http200 code. It means request was success and we do not need even to parse result' );
},
error: function( jqXHR, textStatus, errorThrown ){
  console.log( 'Server returned error. This could be not only an error you awaiting for, but any other. All error details are provided in incoming variables' );
}