JQuery - Ajax не отправляет запрос

я следующий кусок кода:JQuery - Ajax не отправляет запрос

$("#profileImageButton").click(function() { 
    var id = this.id; 
    var cid = id.split('_')[1]; 

    $.ajax(
    { 
     type: "GET", 
     url: "/Profile/SetProfile", 
     dataType: "json", 
     data: { id: cid }, 
     async: true, 
     beforeSend: function() { 
      alert("BEFORE!"); 
     }, 
     complete: function (data) { 
      $(".bodyContentNotification").show(); 
      $(".bodyContentNotification").text(data.responseJSON.msg); 
      $(".bodyContentNotification").attr("id", "WarningNotification"); 
     } 
    }); 
});

Это экстремально простой код, но что-то не так. Когда я нажимаю кнопку, хром-отладчик ловит breakpoins в beforeSend (и, конечно, я предупреждаю сообщение), показы сообщений и ничего не происходит. Fiddler не поймает никакого события, и я думаю, ajax() не отправляет запрос. Что не так с моим кодом?

источник

2013-11-20 Fka

loot на вкладке сети инструментов разработчика Chrome –

Я не вижу ничего плохого в вашем коде, однако, я ставлю, что jshint мог вам сказать об этом. –

Chrome не имеет сообщений. Но я заметил, что веб-страница перезагружается, когда я нажимаю кнопку предупреждения OK. – Fka

У вас есть ошибка!

Вы нацеливаете элемент с идентификатором profileImageButton.
На первой строчке вы делаете this.id, которая по-прежнему profileImageButton.
На следующей строке после этого вы используете id.split('_')[1];, но в этом массиве нет [1], так как в этом ID нет подчеркивания, и это ошибка.

источник

2013-11-20 16:22:12 adeneo

Нет, я думал об этом, но это правильно. – Fka

Как получить второй индекс в массиве, который не имеет второго индекса. У идентификатора явно нет подчеркивания? – adeneo

Не пытайтесь разместить jQuery отправьте кнопку внутри разметки форума. Я написал что-то вроде этого в коде:

<form action="..." method="POST"> 
    ... 
    <button id="profileImageButton"></button> 
</form>

profileImageButton - нажмите на эту кнопку пожаров событие, в котором я пытаюсь отправить Аякса получить запрос. ЭТО НЕПРАВИЛЬНО положить это внутри формы-сообщения.

источник

2013-11-20 16:25:21 Fka

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

В моем случае это был генератор ошибок. Спасибо за ответы, проблема решена. – Fka

Это не генератор ошибок как таковой, просто кнопка имеет тип по умолчанию «submit», поэтому, представляя форму, и если вы знаете основы, вы это знаете и используйте кнопку «type =» «' или что-то подобное, чтобы избежать этого. Кстати, я все еще поддерживаю свой ответ, у вас есть ошибка. – adeneo

JQuery - Ajax не отправляет запрос

ответ

Смежные вопросы