ajax基本知识

ajax基本操作

ajax的基本格式

var info="";
    //创建对象
    var xhr=new XMLHttpRequest();
    //处理返回值
    xhr.onreadystatechange = function(){

　　//判断是否加载完成
        if(xhr.readyState == 4){
            if(xhr.responseText=="成功"){
                location.href="index.php";
            }else{
                alert("登录"+xhr.responseText);
            }
        }
    }
    //发起请求
    info="uid="+uid+"&pwd="+pwd;

//get传值
    //xhr.open("get","php/login_php.php?"+info);

//post传值
    xhr.open("post","php/login_php.php");

//get传值头文字
    xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
    //发送数据
    xhr.send(info);

字符串转换问题

将在数据中查询出来的二维数组转换为字符串

//查询数据库

$sql="select * from fruit";

//执行sql语句
    $ret=$db->query($sql);

//将结果转换为二维数组
    $spArr=$ret-> fetch_all();
    //将二维数组转换为字符串
    $str="";
    foreach($spArr as $v){

//遍历二维数组，得到一维数组$v，用inplode分割一维数组，得到的结果与自身相加，并用^分割每个一维数组
        $str .=implode(",",$v)."^";
    }    

//去掉多余的^
    echo substr($str,0,-1);

将字符串转换为二维数组

//利用split和分割符^将字符串分割为一维数组

var temp=str.split("^");
    var arr=[];

//循环向数组中添加一维数组中的数据
    for(var i=0;i<temp.length;i++){
        arr[i]=temp[i].split(",");
        console.log(arr);
    }

ajax中传值的使用

//获取php页面处理完成后得到的值

var str = xhr.responseText;
            show(str);

//定义一个参数接受传过来的值

function tshow(str){}