Я пытаюсь получить текущий курс валюты с помощью следующего API.

"http://www.exchangerate-api.com/INR/USD/1?k=FQRxs-xT2tk-NExQj"

Когда я нажимаю на кнопку, она оповещает о скорости и работает просто отлично. Я использую следующий код Ajax.

<script type="text/javascript" language="javascript">
    function testCurrencyRate()
    {
        $.ajax({
                datatype:"html",
                type: "GET",
                url: "ajax/LiveCurrencyRate.php",
                data: "t="+new Date().getTime(),
                success: function(response)
                {       
                    alert(response);                    
                },
                error: function(e)
                {
                    alert('Error while fetchig the live currency rate.');                       
                }
            }); 
    }
</script>

Запрос Ajax отправляетсяLiveCurrencyRate.php страница, которая выглядит следующим образом.

$url="http://www.exchangerate-api.com/INR/USD/1?k=FQRxs-xT2tk-NExQj";               
$result = file_get_contents($url);
echo $result;   

и<form></form> которая содержит единственную кнопку, которая при нажатии делает запрос Ajax на этот URLajax/LiveCurrencyRate.php.

<form id="testForm" name="testForm" action="" method="post">    
    <input type="submit" id="btnTestCurrencyRate" name="btnTestCurrencyRate" value="Test" onclick="testCurrencyRate();"/>
</form>

Все отлично. Проблема, однако, возникает, когда я меняю тип кнопки сtype="button" вtype="submit"это не работает. Окно предупреждения в части ошибки функции Ajaxshows the alert box just for a while and all of a sudden it disappears, Я не могу найти разумную причину, которая может помешать выполнению этого запроса. То же самое работало для меня в моем предыдущем проекте, но я использовалXMLHttpRequest для выполнения запросов Ajax. Что здесь не так?