ajax快速入門-創(chuàng)新互聯(lián)

ajax 快速入門

為雙峰等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及雙峰網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、雙峰網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

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

基本使用:

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

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

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

onreadystatechange

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

status 響應(yīng)碼:200:'ok' 404:未找到頁面 403:權(quán)限不足

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

3.初始化ajax請(qǐng)求

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請(qǐng)求 --- send()

服務(wù)器返回

echo 普通的字符串
普通html文件
返回xml字符串
索引數(shù)組
關(guān)聯(lián)數(shù)組

注意事項(xiàng)

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

post發(fā)送ajax請(qǐng)求

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

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

firebug的使用

例子: <script type="text/javascript"> //1.創(chuàng)建ajax對(duì)象 var x = new XMLHttpRequest; //2.觸發(fā)事件 x.onreadystatechange = function(){ // on ready 準(zhǔn)備 state狀況 changge if(x.readyState == 4 && x.status == 200){ console.log(x.responseText); //返回的結(jié)果 } } //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預(yù)處理

<?php $id = $_GET['id']; $pdo = new PDO('mysql:host=localhost;dbname=pass;charset=utf8','root','123456'); //準(zhǔn)備預(yù)處理 $stmt = $pdo->prepare('select * from phones where id = ?'); //賦值 $arr = [$id]; //執(zhí)行 $stmt->execute($arr); //獲取結(jié)果 $res = $stmt->fetch(PDO::FETCH_ASSOC); // var_dump($res); $row = json_encode($res); echo $row;

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站標(biāo)題：ajax快速入門-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://muchs.cn/article22/pgejc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)、ChatGPT、App開發(fā)、品牌網(wǎng)站建設(shè)、軟件開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容