ajax 快速入門

為企業(yè)提供網(wǎng)站建設、成都網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)絡營銷推廣、競價托管、品牌運營等營銷獲客服務。成都創(chuàng)新互聯(lián)公司擁有網(wǎng)絡營銷運營團隊，以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗助力企業(yè)精準獲客，真正落地解決中小企業(yè)營銷獲客難題，做到“讓獲客更簡單”。自創(chuàng)立至今，成功用技術實力解決了企業(yè)“網(wǎng)站建設、網(wǎng)絡品牌塑造、網(wǎng)絡營銷”三大難題，同時降低了營銷成本，提高了有效客戶轉(zhuǎn)化率，獲得了眾多企業(yè)客戶的高度認可！

ajax作用:ajax 是在不重新加載整個頁面的情況下與服務器交換數(shù)據(jù)并更新部分網(wǎng)頁的技術.(實現(xiàn)瀏覽器與服務器之間的數(shù)據(jù)交互,實現(xiàn)頁面的無刷新請求服務器,提高用戶體驗)

基本使用:

1.創(chuàng)建ajax對象:

new XMLHttpRequest() //普通瀏覽器使用,ie瀏覽器有特殊

2.創(chuàng)建事件函數(shù)(處理服務器返回的結果):

onreadystatechange

readyState  ajax對象狀態(tài):0:請求未初始化 1:服務器連接已建立 2:請求已接收 3:請求處理中 4請求已完成,且響應

status 響應碼:200:'ok'    404:未找到頁面   403:權限不足

responseText  接受服務器的返回的數(shù)據(jù)

3.初始化ajax請求

get --- xmlhttp.open('GET',1.php?a=1&b=2&c-3',true);

post --- xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded"):

xmlhttp.open('POST','1.php',true);

4.發(fā)送ajax請求 --- send()

服務器返回

1. echo 普通的字符串

2. 普通html文件

3. 返回xml字符串

4. 索引數(shù)組

5. 關聯(lián)數(shù)組

注意事項

同源策略-當前頁面要和服務器的協(xié)議地址和端口都要相同

post發(fā)送ajax請求 

--- setRequestHeader("content-type','application/x-www-from-urlencoded");

--- 發(fā)送參數(shù) send("a=100&b=www")

firebug的使用

例子:

//1.創(chuàng)建ajax對象
var x = new XMLHttpRequest;
//2.觸發(fā)事件
x.onreadystatechange = function(){      // on  ready 準備 state狀況 changge
    if(x.readyState == 4 && x.status == 200){
        console.log(x.responseText);   //返回的結果
        }
}
//3.初始化
x.open('GET','fuxi.php?id=100',true);   //true 異步 false是同步
//4 發(fā)送
x.send();  //發(fā)送ajax
如果是post 方式
3步和4步發(fā)生改變
x.open('POST','3.php',true);
x.setRequestHeader('content-type','application/x-www-form-urlencoded');重要
x.send('a=100&b=200');

配合php PDO預處理

prepare('select * from phones where id = ?');
	//賦值
	$arr = [$id];
	//執(zhí)行
	$stmt->execute($arr);
	//獲取結果
	$res = $stmt->fetch(PDO::FETCH_ASSOC);

	// var_dump($res);
	$row = json_encode($res);

	echo $row;