
json中拆解一下就行了,比如下拉框ID 是A,那么在Jquery中,这样写,
for(var i=1;i<resultlength;i++)
{
$('#A')append("<option value='"+result[i]brandName+"'>"+result [i]brandName+"</option>");
}
其中result是你的json结果集。有什么不懂的还可以问我
jsp中用ajax获取数据的例子如下:
jsp代码:
<%@ page language="java" import="javautil" pageEncoding="UTF-8"%>
<%
String path = requestgetContextPath();
String basePath = requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<HEAD>
<TITLE>留学生系统</TITLE>
<META >
很简单。
1、把俩列表放进 updatepanel。
2、把列表设置为AUTO POSTBACK
3、第一个选中的值,作为第二个数据绑定的数据源查询条件。
恭喜这样就OK了。
jsp页面可以利用Ajax来获取数据库数据来:
在第一级列表的onchange事件中编写:
//投诉信息来源信息级联
function getTsFromDescribe(ts_describe){
var tsfrom = $("#t_tsfrom")val();
var tstsFrom = $("#ts_tsFrom")val();
ExtAjaxrequest( {
url : '${ctx}/complaints/complaints!getTsFromaction',
params : {
tsfrom : tsfrom//通过json形式将前台每次获取到的值传递给后台
},
success : function(response) {
var json = ExtutilJSONdecode(responseresponseText);
if (jsonsuccess) {
var data = json<strong>cmList</strong>;
if ("" == data) {
alert("请选择投诉类型");
inputFormt_tsfromfocus();
$("#ts_tsFrom")empty();//每次需要将上一次的数据进行清空
} else {
$("#ts_tsFrom")empty();
//对获取到的数据进行迭代
for ( var i = 0; i < datalength; i++) {
var id = data[i];
var name = data[i];
$("#ts_tsFrom")append(
"<option value='" + id + "'>" + name + "</option>");
}
dwrutilremoveAllOptions('tstsFrom');
dwrutiladdOptions('tstsFrom', data);
}
}
}
});
}
后台返回数据:
public void getTsFrom() throws Exception {
>
AJAX 其实说白了就是页面级调用程序方法的一个行为吧
其中不管是 $ajax或者是$post、$get,最主要的都是三个参数url、参数、返回结果处理
例如:
$post("你的制定后台路径一般处理程序",{"查询条件1":"查询条件1的值","查询条件2":"查询条件2"},function(data){
//这里是处理 返回值 data就是你一般处理程序的 response
//这里处理 返回值 如d窗
},“JSON”)
至于一般处理程序,后台部分,就是通过 request的方式接收参数,然后通过SQL来查询数据库,这个我觉得 没什么问题吧
至于返回的时候,因为上面定义的是JSON返回类型,所以把结果输出成JSON格式,推荐一个网站 bejsoncom 这个可以验证你的正确性
这个问题其实网上很多的,仔细找找,肯定有所收获
以上就是关于ajax获取了数据,但是不知道怎么把数据显示在页面的下拉框当中,求解全部的内容,包括:ajax获取了数据,但是不知道怎么把数据显示在页面的下拉框当中,求解、jsp中,用ajax获取数据、用AJAX 做一个二级联动下拉列表,当点击第一个时,第二个下拉列表能从SQL数据库里取出与之关联的数据,怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)