|
index.html页面
————————————————
</head> <body>
<form name="form1" method="post" action=flightHandler.asp" > <input name="username" type="text" id="txtInput" value="请输入用户!" size="20" /> <input style="height:25px" type="submit" name="Submit" id="Submit3"value="查 询"> </form></body>
</html>
flightHandle.asp页面—— 数据处理页面
————————————————
<!--#include file="inc/yyt_conn.asp"-->
<!--#include file="inc/SysProducts.asp"-->
<%
set rs=server.createobject("adodb.recordset")
sql = "exec GetWebUserInfo '"&request("username")&"'"
'response.write(sql)
rs.open sql,yyt_conn,1,1
c_id=rs("c_id") '用户号
i_yhzt=rs("i_yhzt") '用户状态(0为正常,1为已销户)已销户用户不能在网上查询
rs.close
set rs = nothing
yyt_conn.close
set yyt_conn = nothing
%>
flightHandler({
"c_id":"<%=c_id%>",
"c_hm":"<%=c_hm%>",
});
index2.html(得到结果页面)
————————————————————
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>jQuery Mobile Web 应用程序</title><link href="jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/><script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript"> jQuery(document).ready(function(){ $.ajax({ type: "get", async: false, url: flightHandle.asp", dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 success: function(json){ var c_id=json.c_id; var c_hm=json.c_hm; var price=json.price; var tickets=json.tickets; var aLi = document.getElementsByTagName('li'); aLi[0].innerHTML ="你的用户号为:" +c_id+。"; }, error: function(){ // alert('fail'); } }); });
</script>
<script src="jquery.mobile-1.3.2.js" type="text/javascript"></script>
</head> <body>
<div data-role="page" id="page"> <div data-role="header"> <h1>第 1 页</h1> </div> <div data-role="content"> <ul data-role="listview"> <li value="ali"></li> <li> aaaaaaaaaaaaaaaaaaaa</li> <li><a href="#page4">第 4 页</a></li> </ul> </div> <div data-role="footer"> <h4>页面脚注</h4> </div></div>
<div data-role="page" id="page2"> <div data-role="header"> <h1>第 2 页</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h4>页面脚注</h4> </div></div>
<div data-role="page" id="page3"> <div data-role="header"> <h1>第 3 页</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h4>页面脚注</h4> </div></div>
<div data-role="page" id="page4"> <div data-role="header"> <h1>第 4 页</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h4>页面脚注</h4> </div></div>
</body></html>为什么会死循环刷新无法得到数据?
|
|