請求后請求 ajax 和 jquery 使用 $.ajax
[英]Request after request ajax and jquery using $.ajax
問題描述
我對 Jquery 和 ajax 很陌生，所以請善待。 我正在使用 jquery $.ajax 向服務器發出請求，ajax 從存儲在服務器/數據庫上的圖像 id 加載縮略圖時加載圖像一切正常，除了使用以下代碼我只能單擊任何縮略圖一次以從數據庫中加載大圖片，之后沒有其他縮略圖工作。 任何人都可以幫忙嗎？
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">
function getimage(data){
var img = new Image();
$(img).load(function(){
$(img).hide();
$.ajax({
type: "GET",
url: "name.php?",
data: "name=" + data,
success: function(){
$("#loader").removeClass("loading").append(img);
$(img).fadeIn("slow");
}
});
}).attr("src", data +".jpg");
}
</script>
</head>
<body>
<h1>Image Loading</h1>
<div id="loader" class="loading">
</div>
<a href="name.php?name=image1" id="image1" onclick="getimage('image1'); return false;"/><img src="image1_th.jpg" /></a>
<a href="name.php?name=image2" id="image2" onclick="getimage('image2'); return false;" /><img src="image2_th.jpg" /></a>
<a href="name.php?name=image3" id="image3" onclick="getimage('image3'); return false;"/><img src="image3_th.jpg" /></a>
1 個解決方案
解決方案1
0 已采納 2011-07-02 15:13:06
嘗試這個：
function getimage(data){
var img = new Image();
$(img).load(function(){
$(img).hide();
$.ajax({
type: "GET",
url: "name.php?",
data: "name=" + data,
success: function(){
$("#loader").html(''); // you need to remove the old image
$("#loader").removeClass("loading").append(img);
$(img).fadeIn("slow");
}
});
}).attr("src", data +".jpg");
Ajax請求后的jQuery
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.