這篇文章將為大家詳細(xì)講解有關(guān)實(shí)現(xiàn)Ajax+php數(shù)據(jù)交互并且局部刷新頁(yè)面的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)長(zhǎng)子免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

什么是Ajax？

國(guó)內(nèi)翻譯常為“阿賈克斯”和阿賈克斯足球隊(duì)同音，AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)，他不是新語(yǔ)言，而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法。通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新，這樣就可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。

XMLHttpRequest 是 AJAX 的基礎(chǔ)，用于和服務(wù)器交換數(shù)據(jù)。所有現(xiàn)代瀏覽器均支持 XMLHttpRequest 對(duì)象（IE5 和 IE6 使用 ActiveXObject）

下面這篇文章主要介紹的是利用ajax實(shí)現(xiàn)與php數(shù)據(jù)交互，并局部刷新頁(yè)面的相關(guān)內(nèi)容，下面話不多說(shuō)，來(lái)一起看看詳細(xì)的介紹：

一、語(yǔ)法簡(jiǎn)介

1.1 ajax基本語(yǔ)法

$.ajax({
 type: "post",        //數(shù)據(jù)提交方式（post/get）
 url: "http://xxx/test/demo.php",   //提交到的url
 data: {username:username,password:password},//提交的數(shù)據(jù)
 dataType: "json",       //返回的數(shù)據(jù)類型格式


 success: function(msg){
  ...//返回成功的回調(diào)函數(shù)
 },


 error:function(msg){
  ...//返回失敗的回調(diào)函數(shù)
 }
});

1.2 php端的接收方法

2.2 在demo.html中加入以下js代碼

2.3 php端代碼demo.php