2016-02-11 104 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

即使世界一个错字,你呼叫的外部JS 。你有scr –

回答

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