【www.gdgbn.com--php应用】

ajx.php教程
$link=mysql_connect("localhost","root","root");

    mysql_select_db("abd",$link); $gb2312string=iconv( "utf-8", "gb2312//ignore" , $requestajaxstring);   //ajax中先用encodeuricomponent对要提交的中文进行编码 mysql_query("set names gb2312"); $name=$_get[name]; if($name){ $sql=mysql_query("select * from stu where name="".$name."""); $info=mysql_fetch_array($sql); header("content-type: text/html;charset=gb2312");  //指定发送数据的编码格式为gb2312 if (!$info){   echo "无记录!"; }else{  echo $info[sheng]; } } ?>


    复制代码

    test.php

      <script language="javascript"> var http_request = false; function createrequest(url) { //初始化对象并发出xmlhttprequest请求 http_request = false; if (window.xmlhttprequest) {           //mozilla等其他浏览器   http_request = new xmlhttprequest();   if (http_request.overridemimetype) {    http_request.overridemimetype("text/xml");   } } else if (window.activexobject) {         //ie浏览器   try {    http_request = new activexobject("msxml2.xmlhttp");   } catch (e) {    try {     http_request = new activexobject("microsoft.xmlhttp");      } catch (e) {}   } } if (!http_request) {   //alert("不能创建xmlhttp实例!");   return false; } http_request.onreadystatechange = alertcontents;         //指定响应方法   http_request.open("get", url, true);         //发出http请求 http_request.send(null); } function alertcontents() {               //处理服务器返回的信息 if (http_request.readystate == 4) { var objhelpid = document.getelementbyid("usernamehelp"); var objhelp1id = document.getelementbyid("usernamehelp1");    if (http_request.responsetext != ""){objhelp1id.innerhtml = http_request.responsetext;objhelpid.innerhtml = "";}    else{objhelpid.innerhtml = http_request.responsetext;objhelp1id.innerhtml = "";} } } </script> <script language="javascript"> function checkname() { var name = form1.name.value;     if(name=="") {   window.alert("请填写用户名!");   form1.name.focus();   return false; } else {   createrequest("ajx.php?name="+name+"&nocache="+new date().gettime()); } }   </script>
                 姓名    分数                              


      复制代码

      数据库教程

        create table `stu` (   `id` int(11) not null auto_increment,   `name` varchar(20) not null,   `fen` varchar(20) not null,   `sheng` varchar(20) not null,   unique key `id` (`id`) ) engine=myisam  default charset=utf8 auto_increment=3 ;   -- -- 导出表中的数据 `stu` --   insert into `stu` values (1, "zz3", "", "北京"); insert into `stu` values (2, "li4", "", "山东");


        复制代码

        运行效果

        当输入一个人名如果数据库中存在  则返回此人所属的省份
        --------------------------------------------------------------------------------
        但这不是我想要得   我想要得效果是 如下图

        也就是将ajax  和jquery的动态创建表格  糅合到一块儿

        为了减少高手师傅的宝贵时间   我把代码上传了([url=thread-210393-1-1.html]http://bbs.phpchina.com/thread-210393-1-1.html[/url] )动态创建表格就是 ok.php这个文件
        单个表格的ajax  就是test.php  的哪个效果
        就是想把ajax和动态表格的优点合起来  每输入一个姓名  如果数据库里有  则返回地址   如果没有则返回  无记录

        难点:由于表格是一个数组 name[]  所以ajax的返回也应是一个数组

         

        看一款实例

         

        <script language="javascript">
         
         window.onload = function()
         {
          createdateselect();
         }

         var xmlhttp = false;
         var e;
         
         //创建xmlhttp对象
         function getxmlhttpobj()
         {
          var c = null;
          try
          {
           c = new activexobject("msxml2.xmlhttp");
          }
          catch(e)
          {
           try
           {
            c = new activexobject("microsoft.xmlhttp");
           }
           catch(sc)
           {
            c = null;
           }
          }
         
          if( !c && typeof xmlhttprequest != "undefined" )
          {
           c = new xmlhttprequest();
          }
         
          return c;
         }
         
         //调用远程方法
         function callserver(e)
         {
          try
          {
           if( xmlhttp && xmlhttp .readystate != 0 )
           {
            xmlhttp.abort();
           }
          
           xmlhttp = getxmlhttpobj();
          
           if( xmlhttp )
           {
            document.getelementbyid("outgroup").style.display = "none";
            //获取查询日期
            var datesele = e.options[e.selectedindex].value;
            document.getelementbyid("date").innerhtml = datesele + " 开放式基金净值";

            //构造查询连接字符串
            var url = "http://www.111cn.net/?newenddate=" + datesele;
           
            //打开连接
            xmlhttp.open("get", url, true);
            //设置回调函数
            xmlhttp.onreadystatechange = updatepage;
            //发送请求
            xmlhttp.send(null);
           }
           else
           {
            document.getelementbyid("flag").innerhtml = "xmlhttp对象创建失败";
           }
          }
          catch (e)
          {
           document.getelementbyid("flag").innerhtml = "查询错误:" + e;
          }
         }
         
         //回调处理函数
         function updatepage()
         {
          try {
           if (xmlhttp.readystate == 1)
           {
            document.getelementbyid("flag").innerhtml = "正在加载连接对象......";
           }

           if (xmlhttp.readystate == 2)
           {
            document.getelementbyid("flag").innerhtml = "连接对象加载完毕。";
           }

           if (xmlhttp.readystate == 3)
           {
            document.getelementbyid("flag").innerhtml = "数据获取中......";
           }

           if (xmlhttp.readystate == 4)
           {
            var response = xmlhttp.responsetext;
            var openvalue = response.split("")[1];
            var openvalue = openvalue.split("")[0];
            //alert(openvalue);
            document.getelementbyid("out").innerhtml = openvalue;
           
            var openvalue1 = response.split("")[2];
            var openvalue1 = openvalue1.split("")[0];
            document.getelementbyid("out1").innerhtml = openvalue1;
           
            var openvalue2 = response.split("")[3];
            var openvalue2 = openvalue2.split("")[0];
            document.getelementbyid("out2").innerhtml = openvalue2;
           
            var openvalue3 = response.split("")[4];
            var openvalue3 = openvalue3.split("")[0];
            document.getelementbyid("out3").innerhtml = openvalue3;
            document.getelementbyid("flag").innerhtml = "查询结束";

                                        document.getelementbyid("outgroup").style.display = "";
           }
          }
          catch (e)
          {
              document.getelementbyid("flag").innerhtml = "回调处理错误:" + e;
          }
         }

         

        本文来源:http://www.gdgbn.com/jiaocheng/29580/