我一直在尝试使用 .get() 函数练习 jquery，但它不起作用。这是我的代码:
<html>
<head>
<title>Testing Site</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#id").click(function(){
$('#hello').css('background-color', 'blue');
$.get("test.php", function(data){
$('body')
.append( "Name: " + data.name )
.append( "Time: " + data.time );
$('body').css('background-color', 'red');
}, "json");
});
});
</script>
</head>
<body>
<span id="hello">Hello World!</span>
<input type="button" id="id" value="Click Here"></input>
</body>
</html>
我基本上修改了 jquery api 站点上的 .get() 示例。但是当我点击按钮时什么也没有发生! (一定有问题，因为背景颜色也没有改变......)我有正确的路径名，并且复制了正确的 php 文件:
<?php echo json_encode(array("name"=>"John","time"=>"2pm"));
?>
我还尝试在 http://www.chazzuka.com/ajaxify-your-web-pages-using-jquery-88/ 上实现一个示例它使用了 .get() ，但它不起作用。在 Firefox 上什么也没发生，而在 Google Chrome 上它只能部分工作...... 我不确定是否有人愿意尝试实现该代码，但该代码让我想知道这个 .get() 函数:它是如何工作的？在该示例中，它应该从纯 html 文件中检索信息。我认为它只适用于像 php 文件这样的文件，当您调用“echo...”时，服务器会发回信息
最佳答案
由于您的代码位于页面的头部，因此它将在创建 DOM 之前执行。您需要让代码等待 DOM 准备好。您可以通过将代码包装在 document.ready 中来完成此操作，如下所示:
$(function(){
// code goes here
});
关于php - 让 .get() 在 jquery 中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7352726/