Posted in Javascript onJuly 08, 2013
-->html页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>用户名校验实例</title> <script src="../js/jquery-1.7.2.js" type="text/javascript"></script> <script src="../js/verify.js" type="text/javascript"></script> </head> <body onload="verify()"> 用户名校验的jax实例 <!--ajax方式下不需要使用表单进行数据提交,因此不用写表单--> <input type="text" value="" id="userName" /> <input type="button" value="提交" onclick=""/> <!--预留空间,显示结果--> <div id="result"></div> <!--div is block,but span is inline---> </body> </html>
—>js页
function verify() { $("#userName").keyup(function () { var user = $(this).val(); var userobj = $(this); $.post("../index.aspx", { userobj: user }, callback); }); } function callback(data) { $("#result").text(data); }
—>aspx页
<% Response.Clear(); string str_name = Request["userobj"]; if (str_name == "xtyang") { Response.Write("ok"); } else { Response.Write("no"); } Response.End(); %>
使用jquery实现简单的ajax
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@