建立通信对象;利用该对象的open来确定一个具体的通信url;发送请求;监听服务器给出的响应。
利用Ajax技术实现百度词条扩展功能:
利用js实现基本的布局
调用noAjax.js中的chooseIt(this)、onIt(this)、outIt(this)实现图层内容的不同效果。
建立数据库,建立PHP文件,查询出数据库的内容。
利用ajax异步通信功能实现数据库内容的调用。
利用eval将PHP文件中responseText格式化为json对象,显示出来
<?php
$jsonStr = "";
$link = mysql_connect('localhost','root','');
mysql_select_db('baidu',$link);
mysql_query('set names utf8');
if($_GET["c"]!=''){
$result = mysql_query("select content from c where content like '".$_GET["c"]."%'");
while($row = mysql_fetch_row($result)){
$jsonStr .= '{text:"'.$row[0].'"},';//构造json为数组字面量,其中每个元素为一个json格式的对象字面量
}
$jsonStr = rtrim($jsonStr,',');//去除最右面的逗号
$jsonStr = "[".$jsonStr."]";
echo $jsonStr;//以数组字面的形式将responsetText返回
}
//需要将回传的数据用json()表示(为了一行一行的遍历回传数据)
//对象自变量var obj = {属性名:属性值,,,,};
//数组自变量 var arr = [值1,值2……];//值可以为任意类型的数据