jsajax例子代碼(怎么對js代碼程序進(jìn)行設(shè)計)
通過上述代碼我們已經(jīng)成功的創(chuàng)建了ajax核心對象,我們保存在變量xhr中,接下來提到的ajax核心對象都將以xhr代替第二步就是與服務(wù)器建立連接,通過ajax核心對象調(diào)用openmethod,url,async方法open方法的形參解釋method表示請求。
由于我不可能在這寫一個地圖這樣復(fù)雜的例子,而為了演示AJAX的使用,我借用了秒秒學(xué)的一個簡單示例 簡單的AJAX舉例 1 創(chuàng)建請求變量 var myRequest 瀏覽器的特征檢查if windoML。
DjsFiddle方式,我直接拿岑安方式的代碼作為例子效果如下 這里有個小技巧上面看到的iframe指定的src為。
下面是用原生js實現(xiàn)的用jquery的ajax也差不多前端html代碼文字顯示到這里 fetchquot后臺網(wǎng)址寫在這quotthenr=rtextthend=txtinnerHTML=d 后臺代碼假定是phplt?php echo quot一串文字一串文字。
可以在這里執(zhí)行相應(yīng)的js代碼 quot#user_idquotvaldata ajaxphp 處理頁面 lt?php if$_GET#39action#39 == #39ok#39 id = $_POST#39id#39echo $id 。
請求參數(shù) dataType quotjsonquot, success function response, xml 此處放成功后執(zhí)行的代碼 , fail function status 此處放失敗后執(zhí)行的代碼 function ajaxopti。
那么代碼 是這樣的 function getGps_msgcur_datevar rt_array=new Arraycur_phone_no=$quot#user_listquotval$ajaxtypequotgetquot,urlquotjson_gpsphpquot,asyncfalse,dataTypequotjsonquot,datacur_date。
大概的處理思路應(yīng)該是這樣的 先通過AJAX,從服務(wù)器端的某個文件取得這段js代碼,然后動態(tài)創(chuàng)建一個標(biāo)簽,把取得js代碼字串寫入到標(biāo)簽里就可以了!這邊有個小問題,不知道你取得代碼為什么要包含標(biāo)簽 ,這樣我動態(tài)創(chuàng)建標(biāo)簽時。
這邊寫了個實例,源代碼如下 function loadXMLDoc var xml。
你少些了一個方法 ifrequest requestopenquotGETquot,quotexampletxtquot,truerequestsend這就是你少了的那個方法,send方法代表發(fā)送的意思,你不寫它就不會向后臺發(fā)送請求,所以我剛剛調(diào)試的時間,顯示的狀態(tài)老是1。
建議用jquery寫ajax,用原生js寫ajax難度有點大jQuery AJAX get 和 post 方法沒使用緩存技術(shù)的話可以直接用post代替getQuery $post 方法 post 方法通過。
oScriptsrc=quottestjsquotoHeadappendChild oScript 這三種方法都是異步執(zhí)行的,也就是說,在加載這些腳本的同時,主頁面的腳本繼續(xù)運行,如果用以上的方法,那下面的代碼將得不到預(yù)期的效果要動態(tài)加載的JS腳本a。
** js原生代碼實現(xiàn)ajax*AJAX建立和服務(wù)器的連接,接收服務(wù)器的請求,處理服務(wù)器返回的數(shù)據(jù) *開發(fā)步驟 * 1創(chuàng)建XML。
以新增用戶為例,這是jsp部分代碼lt%@ page language=quotjavaquot contentType=quottexthtml charset=UTF8quotpageEncoding=quotUTF8quot% lt!DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot。
我們請求一個外部服務(wù)時,瀏覽器會基于安全問題拒絕授權(quán)訪問而scriptscriptiframe標(biāo)簽的src屬性就不存在跨域的問題,所以Ajax跨域就是利用這一點以及js對JSON的支持,外部服務(wù)只要給Ajax的請求響應(yīng)一段JS代碼或JSON數(shù)據(jù)。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。