Question

用AJAX实现局部刷新（JSP），请看完问题

就是页面有两个DIV，左边的演示通过核定最大显示数量在数据库查询得到的图片，有两个键NEXT和PRE实现翻页；右边的DIV通过JS实现把左边的图片拖拽到右边的DIV里，目前已经实现翻页和拖拽，现在想问如何通过AJAX来实现局部刷新（也就是只刷新第一个DIV），所以可以把不同页面的图片都拖拽到右边的DIV里（因为每次按翻页按钮都是刷新整个页面）。

Answer 1

通过javascript，new一个XMLHTTPrequest对象，用这个对象的open方法，以post或get方式打开一个url请求通道，再调用send方法向服务器发送请求（如果是post方式，则还需额外加一个请求头信息）。具体用法/代码，参考w3school的ajax，连同回调函数直接copy。修改回调函数 为你所需显示的数据即可。

Answer 2

ajax查询后台返回数据，接受数据之后将div内的东西重新组装填充进去就行了，$("#左div的id").html("<img src='a.jpg'>……")

追问

但是因为我是通过JSP里得到form里POST的值来实现翻页的，一旦把翻页的button放进form，POST就肯定要刷新整个页面，但是如果不把翻页button放进去，JSP文件就得不到POST的值也就无从翻页，从而也就不能实现从不同页面拖拽，这个怎么解决呢？