登 录
学习JQUERY和ASP的数据交互
利用JQUERY的回调函数，通过编写asp中的代码,控制客户端执行相应的js代码。
html代码：
<!--html客户端代码，演示如何调用jquery的回调函数--></p> <p><html><br /> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /> <title>What's for dinner?</title><br /> <script type="text/javascript" src="jquery.js"></script><br /> <script type="text/javascript"><br /> $(document).ready(function() {<br /> $('#items').change(showItemInfo);<br /> });</p> <p> function showItemInfo() {<br /> $('div#itemData').load(<br /> 'server.asp',<br /> {itemid: $(this).val() },<br /> function(data) { eval(data); }<br /> );<br /> }<br /> </script><br /> <style type="text/css"><br /> #items<br /> {<br /> height: 270px;<br /> width: 99px;<br /> }<br /> </style><br /> </head></p> <p> <body><br /> <form style="float:left"><br /> 产品:<br /> <select id="items" size="10"><br /> <option value="1">Milk</option><br /> <option value="2">Cole Slaw</option><br /> <option value="3">BBQ Sauce</option><br /> <option value="4">Lunch Meat</option><br /> <option value="5">Mustard</option><br /> <option value="6">Hot Sauce</option><br /> <option value="7">Cheese</option><br /> <option value="8">Iced Tea</option><br /> </select><br /> 对应价格:<br /> <select id="Vitems" size="10"><br /> <option value="1">20</option><br /> <option value="2">30</option><br /> <option value="3">60</option><br /> <option value="4">70</option><br /> <option value="5">15</option><br /> <option value="6">36</option><br /> <option value="7">42</option><br /> <option value="8">36</option><br /> </select><br /> </form><br /> <script language='javascript'><br /> document.write('价格：index[0]的值<--');<br /> </script><br /> <script type='text/javascript'><br /> document.write(document.getElementById('Vitems').options[0].text)<br /> </script><br /> <div><br /> <div><label>Item:<div id="item"></div></label></div><br /> <div><label>Description:</label></div><br /> <div><label>Quotation:<div id="itemData"></div></label></div><br /> </div><br /> <div><label>Category:</label>${eFridge.items[param.id].category}</div><br /> <div><label>Expires:</label>${eFridge.items[param.id].expires}</div><br /> </div><br /> </body><br /> </html><br />
asp代码：
<%<br /> Response.ContentType ="text/HTML"</p> <p>Response.Write "document.getElementById('item').innerHTML= " & request.form("itemid") & ";"<br /> Response.Write "document.getElementById('itemData').innerHTML=document.getElementById('Vitems').options[" & request.form("itemid")-1 & "].text;"<br /> Response.Write "document.getElementById('Vitems').options[" & request.form("itemid")-1 & "].selected = true;"</p> <p>%>
抱歉!评论已关闭.