2017-01-28 2 views
1

Это HTML-код ..Почему я не получаю ничего, когда нажимаю кнопку отправки?

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#button").click(function(){ 
      var senda=$("#ans").val(); 
      $.ajax({ 
       type:"POST", 
       url:"ajax.php", 
       data:{"answer":"senda"}, 
       dataType:"json", 
       success: function()(msg,string,jqXHR){ 
        $("#result").html(msg+string+jqXHR); 
       } 
      }); 
     }); 
    }); 



</script> 
</head> 
<body> 
Hey what has a head and a tail but no body? 
<input type="text" id="ans" name="ans" /> 
<input type="button" id="button" value="submit" /> 
<p><div id="result"></div> 
</body> 
</html> 

и это код PHP файла ajax.php: -

<?php 

$y=$_REQUEST['answer']; 
echo "hey $y "; 
if($y=='coin'){ 
    echo "hey it worked"; 
} 

?> 

Пожалуйста, скажите мне, где я пробегов wrong.The HTML код сначала, но когда я нажимаю кнопку «Отправить», ничего не происходит. Я теперь это может быть просто очень начинающим вопросом, на самом деле я просто изучаю JQuery и php. То, что я на самом деле пытаюсь сделать, это взять вход от пользователя и проверить, соответствует ли входная строка строке, а затем перевести пользователя на новую страницу. Так что любая помощь будет высоко оценена.

+0

У вас есть много синтаксических ошибок в коде. Обратитесь к документации [jQuery.ajax()] (http://api.jquery.com/jquery.ajax/) – EhsanT

+1

'data: {" answer ": senda},'. Я удивлен, что вы не ошибетесь в своем браузере, или вы еще не проверили? Также '=' нужно преобразовать в ':' в ваш код ajax –

+1

@Anant Это не его единственная проблема: 'type =" POST ",' url = "ajax.php", ',' success: function() (msg, string, jqXHR) {'все это неправильно! – EhsanT

ответ

1
  1. исправить данные АЯКС:

    var senda=$("#ans").val(); 
        $.ajax({ 
         type:"POST", 
         url:"ajax.php", 
         data:{"answer":senda} // without quotes 
        }).done(function(response) { 
         $("#result").html(response); 
        }); 
    
  2. ручки прошла данные, используя имя пар:

    $y = $_POST['answer']; 
    echo "hey $y "; 
    if ($y == 'coin') { 
        echo "hey it worked"; 
    } 
    
+0

Вы забыли исправить 'success' part;) – EhsanT

+0

Вы правы, я вообще удалю эту часть;) –

+0

Также, поскольку ответ - это только текст, поэтому' dataType' не может быть 'json', и это должен быть текст' dataType: " ",' – EhsanT