Question

ajax点击局部刷新求助

我把左边设置了3个div，右边一个div,我要如何写代码才能实现左边点击不同的div，右边div里面能显示不同的数据，我是把不同数据做成jsp然后点击切换导航，还是全写了，不点击不显示，script里面怎么写，求具体代码，能有注释更好，谢啦
左边一个div里面3个li，右边一个div id=right,如何在一个页面点击不同li，能够实现right出现不同内容

Answer 1

我写个大概意思，不知道是不是你要的。
假如你左边三个div的id分别是div1、div2、div3，右边div的id是div4
$("#div1").click(function(){
$.ajax({
url : "...", //向后台请求数据的url

type : "POST", //请求类型，你这里对数据处理，一般选择POST

data : {}, //向后台传递的参数，不需要参数，可以不写

dataType : "json", //将返回的数据转换成json数据，也可以是text或html，看你自己需求

success : function(data){
//这里就是你对数据的处理,data即返回的数据
//div动态显示数据，可以用jquery的html()或text()方法向div动态添加元素，当然，使用方法前，先要清空div，用empty()方法就OK了，例如：$("#div4").html("123");

},

error : function(){
alert("报错");

}

});

});

div2和div3点击都一样，写个ajax，主要就是对数据的处理

追问

url : "...", //向后台请求数据的url

这个就是链接别的Jsp在div4显示的意思么？我要写的是用户协议，关于我们之类的纯文本信息

追答

你要在div4里面显示一个jsp？还是纯文本的内容啊，要显示一个jsp，你还得用iframe

追问

纯文本，就是用户协议啊之类的，左边3个li,分别是关于我们，用户协议，用户帮助。点击了在里面实现显示

追答

那你右边div要显示的内容，是从哪获取的，是不是这个意思：你点击左边的li，然后将li里面的内容在右边的div显示出来？
如果是这样就更简单了

追问

不是的，

用户协议

xxxxxxxxxxxx 这个是右边内容模板。我想把这个内容显示，点击不同li都不同内容

追答

我好想明白你的意思了

追问

不是

关于我们

点击了这个Li能把这2个div都换了，这2个div都包含在div id=right里面

追答

我了解了，你那三个li其实是一个Tab标签，分别点击的时候，显示分别的内容，点击“关于我们”，显示的是“关于我们”的具体内容是吧？
这样我的第一次回答应该没问题啊，你工程用的是什么框架？

追问

没用到框架，我的意思是，我不懂上面的具体内容指向是写在url，还是 success : function(data){}里面，是写成一个单独的jsp点击了右边的div就include进来然后显示，还是直接全部写进去，这个url是写action的么？

追答

这个没必要重新弄个jsp，success : function(data){} url只是定向一个地址，这个地址是用来返回或者存储你的具体内容的。这里的data就可以说是你要的具体内容，但根据情况，可能要稍微处理一下

Answer 2

个人问答系统测试。