ajax你可以用JQuery库,因为你要自己写的话代码有点多。
比如用get()方式提交:
$.get(“你的URL", { name: "John", time: "2pm" }--这个是提交的参数,键值对,
function(data){--这个是从后台响应后调用的函数。data是后台返回的值。
alert("Data Loaded: " + data)
--在这里你得到数据了就好办了。
--建议你后台组装成json格式的字符串输出,这个用eval(data)得到json对象。然后取出你要的值。
})
用js先写个带参方法,参数就是2级联动的对象obj
写个ajax data参数就是obj.value, value传给后台获取数据返回给ajax,
然后ajax做你想做的页面处理。。。
<script language="javascript">
function getData(obj) {
var opt = obj.options[obj.selectedIndex]
//alert("The option you select is:"+opt.text+"("+opt.value+")")
$.ajax({
url : "你的url",
type : "Post",
data : 'diqu='+opt.value,
success : function(data1) {
//这里面就可以得到你后台获取过来的数据了,你可以做DOM处理
}
})
}
</script>
<SELECT onchange="getData(this)">
<OPTION value ="1">湖北</OPTION>
<OPTION value="2">湖南</OPTION>
<OPTION value ="3">河北</OPTION>
<OPTION value="4">河南</OPTION>
</SELECT>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)