Мой простой JQuery Ajax вызова не работает

Этот URL http://schooltray.com/VsStWsMblApps/SayHello?fullName=Joe%20SmithМой простой JQuery Ajax вызова не работает

получает это:

{"SayHelloResult":"{\"Status\":1,\"Message\":\"Hello Joe Smith\"}"}

Но мой JQuery вызов не работает. Полная HTML-страница показана ниже.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Say Hello</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#btn_SayHello').click(function (e) { 
       $.ajax({ 
        type: 'Get', 
        url: 'http://schooltray.com/VsStWsMblApps/SayHello?fullName=Joe%20Smith', 
        dataType: 'json', 
        success: function (response) { 
         alert('Success'); 
        }, 
        error: function (jqXHR, textStatus, errorThrown) { 
         alert('Error = ' + errorThrown + ' -- ' + jqXHR.responseText); 
        } 
       }); 
       e.preventDefault(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    Full Name:<br /> 
    <input id="txt_Email" type="text" style="width: 300px;" /> 
    <br /><br /> 
    <input id="btn_SayHello" type="button" value="Say Hello" /> 
    <br /><br /> 
</body> 
</html>

источник

2016-10-05 GAksut

ли получать вас какие-либо ошибки? –

Как он не работает? – andrew

Он всегда попадает в раздел ошибок. и все строки ошибок пустые. – GAksut

Ну, я протестировал в своем локальном режиме. Код выполняется правильно, если вы используете локальный JSON. Но если вы хотите JSon от этого perticular URL, я получаю, «Доступ запрещен»,

Ниже ошибка,

XMLHttpRequest cannot load http://schooltray.com/VsStWsMblApps/SayHello?fullName=Joe%20Smith. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://cons.you.com' is therefore not allowed access.

т.е. вы делаете XMLHttpRequest в другой домен, где у вас нет контроля доступа. Следовательно, браузер блокирует запрос http.

источник

2016-10-05 12:57:17 Samir

Вы можете создать форму и поместить все входы внутри этой формы и попробовать

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Say Hello</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#btn_SayHello').click(function (e) { 
       $.ajax({ 
        type: 'Get', 
        url: 'http://schooltray.com/VsStWsMblApps/SayHello?fullName=Joe%20Smith', 
        dataType: 'json', 
        success: function (response) { 
         alert('Success'); 
        }, 
        error: function (jqXHR, textStatus, errorThrown) { 
         alert('Error = ' + errorThrown + ' -- ' + jqXHR.responseText); 
        } 
       }); 
       e.preventDefault(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
<form name="formname"> 
    Full Name:<br /> 
    <input id="txt_Email" type="text" style="width: 300px;" /> 
    <br /><br /> 
    <input id="btn_SayHello" type="button" value="Say Hello" /> 
    <br /><br /> 
</form> 
</body> 
</html>

источник

2016-10-05 13:03:48 deadpool

Мой простой JQuery Ajax вызова не работает

ответ

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