我在页面上有一个div,它将MySQL数据库中的数据(图片和文本)随机化并显示出来。基本上,每次刷新时都会显示不同的图片和文字。是否可以把一个按钮做同样的事情,而不必刷新整个页面?使用数据库中的数据刷新网页中的div
0
A
回答
1
使用jQuery $.ajax()
和$.html()
。
通过$.click()
将jQuery $.ajax()
连接到您的按钮。然后,对于返回的数据,请将div
的内容设置为$.html()
。
发表一些代码,我会给出更多的细节。
0
对于您要做的事情,这可能有点复杂。但有了这个,你可以发送回一个以上的图像作为JSON和必须通过它们,你的成功函数循环等
jQuery的阿贾克斯后:
$("#yourbutton").click(function(e){ //when your button is clicked
e.preventDefault();
$.ajax({
type: 'POST', // or POST
url: 'ajax/testajax.php',
dataType: 'json',
data: {'getimage' : '1'}, // just post a 1 because you're getting a random image anyway
success: function(response) {
var obj = eval(response);
var image = obj[i];
var newPic = $('<img/>',{ //new img with the following attributes
src: image.src,
name: image.name,
width: '100' //and other attributes you want to include
});
newPic.appendTo("#container"); //apendd the new image to the container
}
});
});
的PHP:
if(!empty($_POST['getimage'])){
if($_POST['getimage'] == 1){
// do your query for the random image
$img = array(
array("name" => $row['imageName'], "src" => $row['imageSrc'])
);
echo json_encode($img); //send back as JSON
} else {
echo 'fail'; // send back a failure
}
}
相关问题
- 1. 使用ajax使用数据库中的数据刷新Div
- 2. 刷新div中的数据
- 3. asp.net刷新数据库更改网页
- 4. 如何使用数据库中的数据更新(刷新)JTable
- 5. 如何使用生产数据库中的数据刷新培训数据库?
- 6. 用$ .post()中的数据刷新页面
- 7. 从数据库刷新数据,无需刷新页面
- 8. 如何在数据库插入后使用ajax刷新网页
- 9. 使用Netbeans刷新数据库的jTable
- 10. jqgrid +使用新数据刷新网格
- 11. 刷新数据网格中的记录
- 12. 刷新数据库中的值
- 13. 当数据库中有新数据时,使用jquery的div刷新不会显示新内容
- 14. 点击刷新div数据
- 15. 如何刷新数据网格并更新数据库?
- 16. vue数据不刷新网页
- 17. 如何更新数据从MySQL数据库刷新页面
- 18. 刷新页面,直到新数据添加到数据库
- 19. 页面刷新时清除的服务中的数据刷新
- 20. 使用导入的数据刷新数据库
- 21. Excel VBA数据挖掘来自刷新数据的网页的实时数据
- 22. 刷新ListFragment中的数据
- 23. 刷新java.sql.ResultSet中的数据
- 24. 刷新System.Data.Entity.DbContext中的数据
- 25. 如何使用Laravel刷新页面上的数据库?
- 26. 刷新数据表的内容以从数据库中获取新数据
- 27. Oracle 12c - 根据仓库表中的数据刷新我的表中的数据
- 28. 用Swift中的新数据刷新UIViewController
- 29. 更新数据库而不使用超链接刷新页面
- 30. ajax jquery刷新数据库中的数据
是,这就是Ajax的用途。 – Whistletoe 2013-04-10 19:16:20