Question

我正在尝试使用jquery get方法

这是jtest.html：

 <!DOCTYPE html>
<html>
<body>

fdsffdsf

</body>
</html>

这是应该从jtest.html获取数据的页面：

<!DOCTYPE html>
 <html>   
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.load("jtest.html", function(data){
  alert("Data: " + data);
});
});
</script>


<body>

<h1>My First Heading</h1>


</body>
</html>

运行时没有任何反应请帮助

Answer 1

您需要将<script>置于<html>和<head>标记内：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
<script>
$(document).ready(function(){
$.load("jtest.html", function(data){
  alert("Data: " + data);
});
});
</script>
</head>

<body>

<h1>My First Heading</h1>


</body>
</html>

还要确保jtest.html与当前HTML文件位于同一目录

Answer 2

加载jquery库时，你错过了结束</script>标记！

Answer 3

完美地尝试这项工作：

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(window).load("jtest.html", function(data){
  alert("Data: " + data);
});
});
</script>
</body>
</html>

Answer 4

尝试使用Jquery代码从其他网页获取数据。

<!DOCTYPE html>
<html>   
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
       jQuery.get('jtest.html', null, function(tsv) {
            alert(tsv);
   });
});
</script>

</head>  
<body> 
   <h1>My First Heading</h1>
</body>
</html>

jquery get没有得到数据

4 个答案: