全国酒店网站建设,公司做网络营销,求网站懂的说下开车,wordpress 评论框登陆HTML 表单上面的例子包含了一个简单的 HTML 表单#xff0c;以及指向 JavaScript 的链接#xff1a;Select a User:Peter GriffinLois GriffinGlenn QuagmireJoseph SwansonUser info will be listed here.例子解释 - HTML 表单正如融金汇银讲到的#xff0c;它仅仅是一个简…HTML 表单上面的例子包含了一个简单的 HTML 表单以及指向 JavaScript 的链接Select a User:Peter GriffinLois GriffinGlenn QuagmireJoseph SwansonUser info will be listed here.例子解释 - HTML 表单正如融金汇银讲到的它仅仅是一个简单的 HTML 表单其中带有名为 users 的下拉列表这个列表包含了姓名以及与数据库的 id 对应的选项值。表单下面的段落包含了名为 txtHint 的 div。这个 div 用作从 web 服务器检索到的信息的占位符。当用户选择数据时执行名为 showUser() 的函数。该函数的执行由 onchange 事件触发。换句话说每当用户改变下拉列表中的值就会调用 showUser() 函数。JavaScript这是存储在 selectuser.js 文件中的 JavaScript 代码var xmlHttpfunction showUser(str){xmlHttpGetXmlHttpObject()if (xmlHttpnull){alert (Browser does not support HTTP Request)return}var urlgetuser.phpurlurl?qstrurlurlsidMath.random()xmlHttp.onreadystatechangestateChangedxmlHttp.open(GET,url,true)xmlHttp.send(null)}function stateChanged(){if (xmlHttp.readyState4 || xmlHttp.readyStatecomplete){document.getElementById(txtHint).innerHTMLxmlHttp.responseText}}function GetXmlHttpObject(){var xmlHttpnull;try{// Firefox, Opera 8.0, SafarixmlHttpnew XMLHttpRequest();}catch (e){//Internet Explorertry{xmlHttpnew ActiveXObject(Msxml2.XMLHTTP);}catch (e){xmlHttpnew ActiveXObject(Microsoft.XMLHTTP);}}return xmlHttp;}例子解释stateChanged() 和 GetXmlHttpObject 函数与 PHP AJAX 请求 那一节中的相同您可以参阅其中的相关解释。showUser() 函数假如下拉列表中的项目被选择函数执行调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象定义发送到服务器的 URL(文件名)向 URL 添加带有下拉列表内容的参数 (q)添加一个随机数以防服务器使用缓存的文件当触发事件时调用 stateChanged通过给定的 URL 打开 XMLHTTP 对象向服务器发送 HTTP 请求PHP 页面由 JavaScript 调用的服务器页面是名为 getuser.php 的简单 PHP 文件。该页面用 PHP 编写并使用 MySQL 数据库。其中的代码执行针对数据库的 SQL 查询并以 HTML 表格返回结果$q$_GET[q];$con mysql_connect(localhost, peter, abc123);if bjrongjinhuiyin.com(!$con){die(Could not connect: . mysql_error());}mysql_select_db(ajax_demo, $con);$sqlSELECT * FROM user WHERE id .$q.;$result mysql_query($sql);echo FirstnameLastnameAgeHometownJobwhile($row mysql_fetch_array($result)){echo ;echo . $row[FirstName] . ;echo . $row[LastName] . ;echo . $row[Age] . ;echo . $row[Hometown] . ;echo . $row[Job] . ;echo ;}echo ;mysql_close($con);?
