JQuery $ .ajax, $ .get вопросы

Question

У меня есть $ ("ClickButton"). Нажмите (функция(), который загружает страницы с помощью $ .ajax и возвращает результат в DIV. This отлично работает в Chrome, FireFox и Safari, но не IE11.

$.ajax({ 
    url: "go.php?ab=1", 
     success: function(data, textStatus, xhr) { 
     $("#res").html(data);  
    } 
}); 

в качестве быстрого теста я попробовал следующее и снова работает в Chrome, FireFox и Safari, но не IE11.

$.get('go.php?ab=1', function(jqXHR, textStatus, errorThrown) 
{ alert(jqXHR); }); 

возвращаемая дата - это текст и либо OK или ОШИБКА. Go.php запускает несколько сценариев командной строки и зависит от того, какие переданные переменные обрабатываются при запуске.

Все это прекрасно, и он работает очень хорошо в трех браузерах, но не в IE11.

Когда страница загружается в IE, это похоже на работу, она запускает сценарий go и возвращает результат. Но любой последующий момент возврата клика и страница go.php не вызываются. Результаты отображаются, но они, по-видимому, являются первыми процессами, возвращающими результаты. Это как если бы результат и процесс были кэшированы.

Любые идеи, как сделать эту работу в IE так же, как в других?

Answer 1

Это как если результат и процесс был в кэше.

Это возможно. Если вы отправляете несколько запросов GET на один и тот же URL-адрес, ваш браузер может кэшировать результат.Если вы хотите проверить это, вы можете нажать кнопку, очистить кеш без перезагрузки страницы и снова нажать кнопку, чтобы увидеть, работает ли это на этот раз.

Чтобы предотвратить кэширование запросов GET вы можете добавить

cache: false 

к вашим $ .ajax опций для каждого запроса, или вы можете отключить его для всех запросов с помощью

$.ajaxSetup({ cache: false }); 

Answer 2

Я не знаю, была ли у нас одна и та же проблема, но только раньше я пытался сделать get the responce data от go.php и добавить его в div.

Мой код выглядит следующим образом.

OnClick:

<script type="text/javascript"> 
    function gimmeData(){ 

        var url = 'go.php'; 
        $.ajax({ 
        type: "GET", 
        url: url, 
        data:{'something':'1'}, 
        success:function(results) 
        { 
         $('#add_data').html(results); 
        } 
        }); 
       } 
</script> 

это даст go.php?something=1 URL.

HTML:

<input type="button" onclick="gimmeData();" value="clickme!" /> 
<div id="add_data"></div> 

кнопку мыши

$('a').on('click', function(){ 
    var a = $(this).data('first'); 
    var b = $(this).data('second'); 
    alert(a + ":" + b); 
}); 

HTML:

<a id="button" href="#" data-first="something" data-second="something2" onclick="click();">click me</a> 

используя data() функцию. см http://api.jquery.com/data/

или вы можете сделать $(this).attr("data-value"), чтобы получить значение data-attribute

JSFiddle sample.