1. 程式人生 > >ajax基本知識

ajax基本知識

pen code 轉換 () 成功 分割 基本 request sel

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){}

ajax基本知識