埃阿斯极大地改善了用户体验，对于web2.0来说必不可少，是前端开发人员必不可少的技能。这个例子是这样的，当从挑选下拉框选择编程语言时时，根据选项的不同，异步请求不同的函数应用程序接口描述。这种功能在现在网应用程序中是及其常见的。我们先来看一下$.get()的结构复制代码代码如下： $.get(url，[，数据],[,回调] [,类型])//网址：请求的超文本标记语言页的统一资源定位器地址；//数据（可选),发送至服务器的密钥/值数据作为查询字符串附加到请求统一资源定位器中；//回调（可选):载入成功时的回调函数（只有当反应的返回状态是成功才调用该方法；//类型（可选):服务器端返回内容格式，包括xml、html、脚本、json、文本和_默认首先创建示例数据库数据库，建立语言和功能表，SQL如下复制代码代码如下：如果不存在创建表语言(id int(3)不为空自动增量，语言名称可变字符(50)不为空，主键(id))；如果不存在，则创建表函数（标识int(3)不为空自动增量，语言标识int(11)不为空，函数名瓦尔查尔(64)不为空，汇总瓦尔查尔(128)不为空，//功能概述示例文本非空，//举例主键(id))；下面是插入数据的结构化查询语言复制代码代码如下：插入语言(id，languageName) VALUES (1，' PHP '，(2，' jQuery ')；插入函数(id，languageId，functionName，summary，example) VALUES (1，1，' simplexml_load_file '，'将可扩展标记语言文件解释为对象，' $ XML=SimpleXML _ load _ file(' test。XML ')； r n print _ r($ XML)；rn ')，(2，1，' array_push '，'将一个或多个元素推到数组末尾，' $arrPets=数组(“狗”、“猫”、“鱼”)；rnarray_push($arrPets，' ' Bird ' '，' ' Rat ' ')；rn ')，(3，1，' ucfirst '，'使字符串的第一个字符大写，“$message=”祝您愉快； r n $ message=ucfirst($ message)；//output:祝您愉快rn ')，(4，1 '邮件','用于发送电子邮件，' $message='邮件示例消息；rn如果（邮件("[emailprotected]"，"测试主题"，$ message)) r n r n回显"邮件已发送"; r n } r n回复"邮件发送失败";rn}rn ')，(5，2，' $ .获取' ',使用超文本传送协议获取请求从服务器加载数据， '$.ajax({rn url: url，rn数据：数据，rn成功：成功，rn数据类型：数据类型 r n })；rn ')，(6，2，'悬停'，'悬停方法接受2个函数作为参数，当鼠标进入和离开一个元素时执行备选方案lt .' $(选择器)。悬停( r n函数() r n r n//在鼠标输入上执行rn}，rn函数() r n r n//在老鼠叶上执行 r n })；"，(7，2，' bind '，'为元素的事件附加一个处理程序',' $(元素)。绑定('单击')、函数() r n r n警报('单击一次')； r n })；rn ')，(8，2，' jQuery.data '，'存储与指定元素关联的任意数据、“jQuery.data(元素、键、值);"),(9,1,'添加类','添加类，'(' p ').添加CLaSS(“‘my CLaSS your CLaSS’)；");都是比较简单的结构化查询语言操作，一切准备就绪后就可以编码了。

总共有两个脚本文件，一个index.php，一个results.php用于处理请求，先编写index.php复制代码代码如下：DOCTYPE html html head title/title style type=' text/CSS ' body { font-family : ' Trebuchet MS '，Verdana，Arial宽度width:600px} div {底色： # f5f 5dc}/style脚本类型=' text/JavaScript ' src=' http : jquery。js '/脚本/头体？PHP $ MySQL=new MySQL(' localhost '，' root '，' passwd '，' example db ')；//将passwd改为你的数据库密码if(MySQL _ connect _ errno()){ die('无法连接');} else { $query='SELECT * FROM '语言；//这里开始是核心代码，都是很简单的语句，主要是在语言中取得记录，然后循环输出到挑选选项if($ result=$ MySQL-query($ query)){ if($ result-num _ rows 0){？p选择语言选择id='选择语言'选项值='选择/选项？PHP while($ row=$ result-fetch _ assoc())//以编程语言的编号作为选择权的价值，以语言作为选项。 { ?选项值='?PHP echo $ row[' id ']；PHP echo $ row['语言名称']；/option？php }？/select /p p id='result'/p？php } else { echo '未找到记录；} $ result-close()；} else { echo ' query : $查询出错。$ mysqli错误；} } $ MySQL-close()；脚本类型=' text/JavaScript ' $(function(){ $(' # selectLanguage ')).change(function() { if($(this)).val()==' ')返回；$.get('results.php '，{id: $(this)).val()}，函数（数据){ $('#result ').html(数据);} );});});/脚本/正文/html引入jquery，给#选择语言添加变化事件处理程序，并放在index.php中身体结束前复制代码代码如下：脚本src=' http :脚本/jquery。js /脚本脚本类型=' text/JavaScript ' $(function(){ $(' # selectLanguage ')).change(function() { if($(this)).val()==' ')返回；$.get('results.php '，{id: $(this)).val()}，函数（数据){ $('#result ').html(数据);} );});});/script下面就是results.php了。它先连接到数据库，然后取得index.php发送到id，根据编号在数据库里选择相应的编程语言记录，并将每条记录放到保险商实验所列表中复制代码代码如下：PHP $ MySQL=new MySQL(' localhost '，' root '，' passwd '，' example db ')；//这里也要用你的数据库密码改写passwd $ resultStr=$ query=' SELECT function name，summary，FROM函数示例，其中languageId=' .$ _ GET[' id ']；//$_GET['id']就是index.php中用$.get()发送的id if($ result=$ MySQL-query($ query)){ if($ result-num _ rows 0){ $ result str .=' ulwhile($ row=$ result-fetch _ assoc())//和index.php的语句差不多，也是先从数据库取得记录，然后格式化输出{ $resultStr .='listrong ' .$row['functionName']./strong-' .$ row[' summary ']；$resultStr .='divpre ' .$row['example']./pre/div ' ./李；} $resultStr .='/ul '；} else { $resultStr='未找到；} } echo $ resultStr？现在所有的代码都编写好了，看下最后的效果

这个简单的效果就出来了。