0

Всем привет! Подскажите, пожалуйста, почему не работает отправка данных в тег <p id="p1"></p>.

Вот код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>    
<script type="text/javascript">
    $(document).ready(function() 
    { 
        $('#myForm').ajaxForm(
        { 
            dataType: "json",
            success: function(data)
            {                   
                var temp = data.key;
                $("#p1").text(temp);
            }
        }); 
    });
</script>    
</head>    
<body>
    <p>Входные значения:</p>
    <form id="myForm" action="ajax2.php" method="post"> 
        <p><input type="text" id="inp0" name="key"> <input type="submit" value="Отправить запрос" id="btn0"></p>
    </form>
    <p>Результаты обработки запроса:</p>
    <p id="p1"></p>
</body>
</html>

Вот обработчик ajax2.php:

<?  
$key = $_POST["key"];    
echo json_encode($key);

2 ответа 2

1
$(document).ready(function() 
    { 
        $('#btn0').on('click', fu
        { 
            dataType: "json",
            success: function(data)
            {                   
                var temp = data.key;
                $("#p1").text(temp);
            }
        }); 
    });

Для проверки того, что приходит от сервера выведите посредством:

success: function(data)
                {                   
                    alert(data)
                }

или в консоле

success: function(data)
                {                   
                    console.log(data)
                }

Для проверки в консоле, откройте панель разработчиков (ctrl+shift+c) вкладка console и смотрите что приходит от сервера.

Мой выбор:

 $(document).ready(function(){ 
     var data = $('#inp0').text();
        $('#btn0').on('click', function(){
        $.ajax({
            dataType: "json",
            url:url,
            type:POST,
            data:data,
            error: function(){//обработчик},
            success: function(data)
            {                   
                var temp = JSON.parse(data);
                $("#p1").html(temp);
            }) 
       });
});

php

if ($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
   if (!empty($_POST)){
       print(json_encode($_POST['key']),  JSON_UNESCAPED_UNICODE);
   }
}
0

PHP-обработчик должен выглядеть так:

header('Content-type: application/json');
echo json_encode($_POST);
3
  • Не работает так( 18 июл 2015 в 19:17
  • В браузере установлены расширения для просмотра ajax-запросов (например, Firebug) ? Запросы успешно проходят и ответы корректные?
    – b108
    18 июл 2015 в 19:18
  • Я был не прав, по ошибке отключил первый подключаемый jquery.min.js . Вот что пишет в консоли Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. На 18 строке jquery.min.js, а именно обращение к send(c.hasContent&&c.data||null) 18 июл 2015 в 19:45

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.