2016-02-11 3 views
0

Я пытаюсь использовать ajax, но он не работает, когда я нажимаю кнопку, на которой не отображается окно предупреждения в браузере.Не удается получить доступ к функции jquery и ajax

<html> 
<head> 
    <title>Ajax</title> 
    <script scr="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
</head> 
<body> 
    Name: <input type="text" id="data"> 
    <input type="submit" id="sub" value="save"> 

    <script> 
     $(document).ready(function() { 
      $('#sub').click(function() { 
       alert('ok'); 
      }); 
     }); 
    </script> 
</body> 
</html> 
+4

Theres опечатки, где вы вызываете внешний JS , у вас есть скрипты –

ответ

1

Пожалуйста, попробуйте следующий код

<html> 
    <head> 
     <title>Ajax</title> 
     <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
     <script> 
     $(document).ready(function(){ 
      $('#sub').click(function(){ 
       alert('ok'); 
      }); 
     }); 
     </script> 
    </head> 
    <body> 
     Name: <input type="text" id="data" > 
     <input type="submit" id="sub" value="save"> 
    </body> 
</html> 

1. Проблема с путем Jquery 2. всегда ставить скрипты в головной секции

+1

, которые не должны быть в разделе главы. на самом деле, это должно быть в конце для повышения производительности. – Sachin

+0

Я согласен, но в этом случае, если это не мешает работе страницы, поэтому лучше поместить ее в заголовок – user3509208

+0

. Тогда почему вы сказали ** 2. всегда ставьте скрипты в разделе главы **? – Sachin