domain.html 页面关键代码
domain.html 页面实现了表单 Ajax 提交及域名查询结果信息显示。完整的代码如下(注意是utf-8编码):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.dtd"> <html> <head> <title>域名注册查询</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> function domain_check() { var domain = $.trim($("#domain").val()); if( domain == ''){ $("#check_result").html('请输入要查询的域名信息,如:5idev.com'); $("#domain").focus(); return false; } $("#domain_result").html('<img src="images/loading.gif" /> 正在查询,请稍后...'); $.ajax({ type:"get", cache:false, datatype: "text", url:"domain_check.php?domain="+domain, success:function(data){ $("#domain_result").html(data); } }); } </script> </head> <body> <h1>域名注册查询</h1> <div> <form > 请输入要查询的域名:www.<input id="domain" type="text" value="5idev.com" onfocus="this.value=''" /> <input type="button" value=" 查 询 " onclick="domain_check()" /> </form> </div> <div id="domain_result"></div> </body> </html>
这里利用 JAuery 实现了 Ajax GET 方式的表单提交,并对输入的表单进行了初步非空检测。