JSP中用ajax动态生成checkbox控件,ajax从数据库中已获取到数据

CheckBox chk = new CheckBox();

chkText = "test" + iToString(); // 这里可以换成数据库的内容

documentforms["form1"]ControlsAdd(chk);

以下只是我随手写的一个基本能实现功能的标准框架而已，返回数据采用json格式。至于程序的优化和兼容性问题请慢慢完善它，能成为一个稳定和扩展性强的框架的。

---------HTML页面-----------------

<script language="javascript">

var JsonArray= new Array()

function AjaxGetData( num ){

var xml>

jQueryajax({

url: '<%=basePath%>XXXXXaction', // 提交的页面

data: {msg_id:+id}, // 有要传递的数据就传递，没有就空着

type: "POST",//传递方式

success: function(data) {

//action返回结果，页面显示

}

});

dom

下面是一部分程序代码

PreparedStatement ps = conprepareStatement(sql);

ResultSet rs = psexecuteQuery();

while(rsnext()){

business = documentcreateElement("business");

rootappendChild(business);

info_id = documentcreateElement("info_id");

info_idappendChild(documentcreateTextNode(rsgetString("info_id")));

businessappendChild(info_id);

create_name = documentcreateElement("create_name");

create_nameappendChild(documentcreateTextNode(rsgetString("create_name")));

businessappendChild(create_name);

create_time = documentcreateElement("create_time");

create_timeappendChild(documentcreateTextNode(rsgetString("create_time")));

businessappendChild(create_time);

title = documentcreateElement("title");

titleappendChild(documentcreateTextNode(rsgetString("title")));

businessappendChild(title);

content = documentcreateElement("content");

contentappendChild(documentcreateTextNode(rsgetString("content")));

businessappendChild(content);

}

Element firstPageEL,prePageEL,nextPageEL,lastPageEL;

firstPageEL = documentcreateElement("firstPage");

rootappendChild(firstPageEL);

firstPageELappendChild(documentcreateTextNode(firstPage));

prePageEL = documentcreateElement("prePage");

rootappendChild(prePageEL);

prePageELappendChild(documentcreateTextNode(prePage));

nextPageEL = documentcreateElement("nextPage");

rootappendChild(nextPageEL);

nextPageELappendChild(documentcreateTextNode(nextPage));

lastPageEL = documentcreateElement("lastPage");

rootappendChild(lastPageEL);

lastPageELappendChild(documentcreateTextNode(lastPage));

/Element root = documentcreateElement("root");

documentappendChild(root);

Element title = documentcreateElement("title");

titleappendChild(documentcreateTextNode("yaowei"));

rootappendChild(title);

Element content = documentcreateElement("content");

contentappendChild(documentcreateTextNode("yaoweijq"));

rootappendChild(content);

/

TransformerFactory tf = TransformerFactorynewInstance();

Transformer transformer = tfnewTransformer();

DOMSource source = new DOMSource(document);

transformersetOutputProperty(OutputKeysENCODING,"GB2312");

transformersetOutputProperty(OutputKeysINDENT,"yes");

StringWriter s = new StringWriter();

StreamResult result1 = new StreamResult(new BufferedWriter(s));

transformertransform(source,result1);

StringBuffer b = sgetBuffer();

conclose();

result = btoString();

WEB端

function displayTopic(currPageNum){

send_request("get","private/displayTopicjspcurrPageNum="+currPageNum,null,"text",listTopic);

}

function listTopic(){

if(>

用js先写个带参方法，参数就是2级联动的对象obj

写个ajax  data参数就是objvalue， value传给后台获取数据返回给ajax，

然后ajax做你想做的页面处理。。。

<script language="javascript">

function getData(obj) {

var opt = objoptions[objselectedIndex]

//alert("The option you select is:"+opttext+"("+optvalue+")");

$ajax({

url : "你的url",

type : "Post",

data :  'diqu='+optvalue,

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>

先做一个JSP页面，就和你正常情况下根据ID查数据一样，得到ID，根据ID查询出数据。

循环出表格在页面上。

只是这个页面不会通过浏览器直接访问。

而是用ajax的异步去请求这个页面。

在你的当前 *** 作页面上，定义一个div。

在取得responseText后，将responseText的值innerHTML给div。

当触发下拉的onchange事件，就发送一个异步请求，将ID传到服务端。

这样就可以动态改变了，不会刷新页面。

做起来挺简单的，只是我现在没有现成的代码。

function showLogs()

{

$("#table2")empty(); //这是清空原来的数据

$ajax({

type:"post",

url:"<%=requestgetContextPath()%>/logs/queryLogsInfoaction",

dataType:"json",

success:function(data)

{

for ( var i = 0; i < datalength; i++)

{

$("#table2")append("<tr style='line-height:25px;'>"

+"<td width='5%'>"+data[i]id+"</td>"

+"<td width='5%'>"+data[i]receive+"</td>"

+"<td width='8%'>"+data[i]data+"</td>"

+"<td width='10%'>"+data[i]dataLength+"</td>"

+"</tr>");

}

}

})

}

var t = setInterval("showLogs()", 1000); //隔1秒就查询一次数据

以上就是关于JSP中用ajax动态生成checkbox控件,ajax从数据库中已获取到数据全部的内容，包括:JSP中用ajax动态生成checkbox控件,ajax从数据库中已获取到数据、asp如何用ajax无刷新获取数据库数据、ajax怎么异步读取mysql数据库的字段内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！