婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > ajax原理總結附簡單實例及其優點

ajax原理總結附簡單實例及其優點

熱門標簽:青海醫療智能外呼系統怎么樣 徐州電銷卡外呼系統供應商 目標三維地圖標注 上海浦東百度地圖標注中心注冊 百靈鳥 科智聯智能電銷機器人 襄陽外呼系統接口 老虎郵局地圖標注點 外呼系統獲取客戶手機號
在工作中用了Ajax N多次了,也看過一些相關方面的書籍,也算是認識了它,但是一直沒有認真總結和整理過相關的東東,失敗!

近有閑情,將之總結如下:

【名稱】

Ajax是Asynchronous JavaScript and XML(以及 DHTML 等)的縮寫。
詳情請移步Ajax: A New Approach to Web Applications

【原理】

簡單一些,就是通過使用XmlHttpRequest對象向服務器發送異步請求,獲取返回的數據,并使用Javascript和DOM操作頁面內的元素,從而達到改變頁面內容的目的。
其中XmlHttpRequest對象是關鍵,因為它支持異步請求。XMLHttpRequest是完全用來向服務器發出一個請求的。它所包含的方法和屬性如下所示:
方法:
abort() 導致當前正在請求被取消
getAllResponseHeaders() 返回一個字符串,包含氖 響應標頭的名稱和值
getResponseHeader(name) 返回指定的響應標頭的值
open(method, url, async, username, password) 設置請求的方法和目標URL。請求可以聲明為同步的(可選),也可以給需要基于窗口誰的請求而提供用戶名和口令(可選)
send(content) 發起帶有指定內容(可選)的請求
setRequestHeader(name, value) 利用指定的名稱和值,設置一個請求標頭
屬性:
onreadystatechange 指派在請求的狀態發生變化時所使用的事件處理程序
readyState 一個整數值,指示請求的狀態如下:
0—-未初始化
1—-正在加載
2—-已加載
3—-交互
4—–完成
responseText 在響應里所返回的內容
responseXML 如果內容是XML,就根據內容而創建XML DOM
status 從服務器所返回的響應狀態碼。例如:200表示成功,404表示未找到,參考HTTP規范
statusText 響應所返回的狀態文本消息
對于此對象其它介紹請移步:XMLHttpRequest概述

【所包含的技術】

· 基于XHTML和CSS標準的表示;
· 使用Document Object Model進行動態顯示和交互;
· 使用XMLHttpRequest與服務器進行異步通信;
· 使用JavaScript綁定一切;
· 使用XML和XSLT;交換和操作數據。
以上的技術都是一些廣泛使用了的技術,都屬于比較舊的技術,ajax是這幾種技術的結合體。

【簡單實例】
復制代碼 代碼如下:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
html>
head>
title>/title>
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
script type="text/javascript">
function ajax() {
var xmlHttp;
// 依據對象判斷,而不是依據瀏覽器
if(window.XMLHttpRequest) {
xmlHttp=new XMLHttpRequest();//mozilla瀏覽器
}else if(window.ActiveXObject){
try{
xmlHttp=new ActiveXObject("Msxmlx2.XMLHTTP"); //IE老版本
}catch(e){}
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); //IE新版本
}catch(e){}

if(!xmlHttp){
window.alert("不能創建XMLHttpRequest對象實列");
return false;
}
}

if (!xmlHttp) {
alert("創建XMLHttpRequest對象失敗!");
return false;
}

xmlHttp.open('POST', 'index.php?get_a=2get_b=3', false);
xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;charset=UTF-8;');
xmlHttp.send("post_a=1post_b=2");
xmlHttp.onreadystatechange = function() {
alert(xmlHttp.readyState);
}
if(xmlHttp.readyState == 4){ //判斷對象狀態
var content_obj = document.getElementById("content");
content_obj.innerHTML = "正在處理數據...";
if(xmlHttp.status == 200){ //信息已經成功返回,開始處理信息
var returnStr = xmlHttp.responseText;
content_obj.innerHTML = returnStr;
}else{ //頁面不正常
content_obj.innerHTML = "您所請求的頁面存在異常!";
}
}
}
/script>
/head>
body>
input type="button" value="ajax" onclick="ajax();" />
div id="content">ajax內容顯示區/div>
/body>
/html>

切記:當發起一個POST請求時,需要對報頭 Content-type(內容類型)進行設置。這樣,服務器就知道如何來處理上傳的內容。如果要模擬通過HTTP協議的POST方式來發送表單,則應將內容類型設置為application/x-www-form-urlencoded。

【優點】

頁面無刷新,用戶體驗好;
異步,不打斷用戶操作,響應速度快;
“按需取數據”,減少冗余請求,減輕服務器負擔;
基于標準化的并被廣泛支持的技術,無需額外的插件;
可以使數據和表現分離;
【存在的問題】
一些設備還不支持
開發成本提高
使back按鈕失效,用戶操作后無法返回;
對流媒體支持沒有flash之流好;
對搜索引擎不友好
破壞程序的異常機制
存在一些安全問題,暴露了一些程序接口和數據邏輯
您可能感興趣的文章:
  • ajax中文亂碼的各種解決辦法總結
  • ajax問題總結 比較全
  • Ajax與JSON的一些學習總結
  • ajax請求get與post的區別總結
  • ajax 入門基礎之 XMLHttpRequest對象總結
  • 關于ajax對象一些常用屬性、事件和方法大小寫比較常見的問題總結
  • 總結AJAX相關JS代碼片段和瀏覽器模型
  • 關于Ajax技術原理的3點總結
  • 使用ajax異步提交表單的幾種方法總結
  • 初學者必看的Ajax總結篇

標簽:股票 辛集 佛山 荊州 紅河 揭陽 咸寧 商洛

巨人網絡通訊聲明:本文標題《ajax原理總結附簡單實例及其優點》,本文關鍵詞  ajax,原理,總結,附,簡單,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ajax原理總結附簡單實例及其優點》相關的同類信息!
  • 本頁收集關于ajax原理總結附簡單實例及其優點的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    91蜜桃视频在线| 国产98色在线|日韩| 欧美激情一区不卡| 中文字幕一区二区三区在线不卡| 国产精品国产三级国产三级人妇 | 中文字幕一区二区在线观看| 又紧又大又爽精品一区二区| 免费成人性网站| 国产91精品露脸国语对白| 日本福利一区二区| 日韩三级精品电影久久久 | 欧美成人三级在线| 一区二区成人在线观看| 亚洲一级二级在线| www国产成人| 一区二区三区四区不卡视频| 亚洲va国产va欧美va观看| 日韩av高清在线观看| av激情综合网| 精品日产卡一卡二卡麻豆| 亚洲欧美在线高清| 极品少妇xxxx精品少妇偷拍| 色8久久精品久久久久久蜜| 亚洲一区二区三区四区五区中文| 看电视剧不卡顿的网站| av不卡免费在线观看| 在线播放国产精品二区一二区四区 | 老司机精品视频导航| 91丨九色丨国产丨porny| 久久婷婷一区二区三区| 日一区二区三区| 一本久道久久综合中文字幕| 久久婷婷综合激情| 久久精品国产在热久久| 51久久夜色精品国产麻豆| 伊人色综合久久天天人手人婷| 粉嫩绯色av一区二区在线观看| 91精品国产综合久久蜜臀| 夜夜亚洲天天久久| 不卡高清视频专区| 国产亚洲精品超碰| 九九九久久久精品| 欧美一区二区三区在线观看| 亚洲国产一区二区三区青草影视 | 成人av在线资源| 久久久久久**毛片大全| 精品亚洲免费视频| 欧美成人一区二区| 久久国产三级精品| 精品少妇一区二区三区日产乱码| 午夜私人影院久久久久| 色伊人久久综合中文字幕| 国产精品家庭影院| 成人黄色软件下载| 国产精品久久久久久久久动漫 | 国产午夜精品一区二区三区嫩草| 久久精品国产秦先生| 91精品国产欧美一区二区成人| 日本不卡的三区四区五区| 欧美精品亚洲一区二区在线播放| 香蕉成人啪国产精品视频综合网| 欧美日韩精品一区二区三区四区 | 丝袜诱惑制服诱惑色一区在线观看 | 日韩电影在线一区二区| 欧美日韩大陆在线| 高清不卡一区二区在线| 国产九色精品成人porny| 奇米888四色在线精品| 色8久久人人97超碰香蕉987| www日韩大片| 色欧美88888久久久久久影院| 国内欧美视频一区二区| 久久亚洲精精品中文字幕早川悠里| 亚洲精品国产一区二区三区四区在线| 高清不卡一区二区在线| 亚洲少妇30p| 91国偷自产一区二区三区成为亚洲经典| 综合婷婷亚洲小说| 99久久久国产精品免费蜜臀| 樱桃视频在线观看一区| 67194成人在线观看| 久久国产尿小便嘘嘘| 国产亚洲精品bt天堂精选| 91在线免费视频观看| 日韩国产成人精品| 国产女人18水真多18精品一级做| a4yy欧美一区二区三区| 亚洲国产精品久久人人爱蜜臀| 精品在线免费观看| 成人精品小蝌蚪| 国产综合色精品一区二区三区| 中文字幕欧美日韩一区| 麻豆精品视频在线观看免费| 天堂一区二区在线免费观看| 国产老肥熟一区二区三区| 欧美精品色一区二区三区| 亚洲免费资源在线播放| 91黄色免费看| 一区二区三区在线视频播放| 东方aⅴ免费观看久久av| 国产精品国产精品国产专区不片| 成人精品电影在线观看| 亚洲午夜在线视频| 欧美精品一区二区三区蜜臀| 欧日韩精品视频| 国产精品污污网站在线观看| 国产91色综合久久免费分享| 精品国产乱码久久久久久老虎 | 精品国产成人系列| 国产在线观看一区二区| 亚洲乱码中文字幕| 精品久久久久久无| 欧美日韩在线三级| 精品综合免费视频观看| 亚洲免费观看在线视频| 日韩欧美成人午夜| 99免费精品视频| 高清视频一区二区| 国产精品日日摸夜夜摸av| 在线免费视频一区二区| 成人精品小蝌蚪| 国产乱人伦精品一区二区在线观看 | 亚洲少妇屁股交4| 久久精品人人做人人爽人人 | 久久99久久99精品免视看婷婷| 26uuu精品一区二区| 制服丝袜激情欧洲亚洲| 欧美午夜精品一区| 中文一区二区在线观看| 欧美日韩免费高清一区色橹橹| 国产91高潮流白浆在线麻豆 | 日本视频在线一区| 午夜不卡av在线| 尤物av一区二区| 天天av天天翘天天综合网色鬼国产 | 91色婷婷久久久久合中文| 精品国产凹凸成av人网站| 欧美成人一区二区三区片免费| 日韩欧美第一区| 国产精品色噜噜| 亚洲小少妇裸体bbw| 老司机午夜精品| 成人精品免费视频| 欧美主播一区二区三区美女| 91精品国产综合久久国产大片| 日韩欧美一级片| 亚洲国产成人在线| 亚洲免费观看高清完整版在线 | 国产精品久久久99| 美国毛片一区二区三区| 日韩高清不卡一区二区| 久久成人久久爱| 国产精品一区二区男女羞羞无遮挡 | 99久久免费视频.com| 欧美高清在线一区二区| 精品一区二区免费| 91免费看片在线观看| 久久蜜桃av一区精品变态类天堂 | 韩国av一区二区三区四区| 欧美一区二区成人| 美美哒免费高清在线观看视频一区二区| 欧美午夜宅男影院| 亚洲福利视频一区| 欧美一区二区成人6969| 国产一区二区精品在线观看| 欧美国产禁国产网站cc| 国产黑丝在线一区二区三区| 欧美精品一级二级| 国产99久久久久| 视频一区二区三区入口| 久久久精品蜜桃| 成人美女视频在线观看18| 亚洲欧美中日韩| 精品区一区二区| 91久久精品网| 国产成a人亚洲精品| 天天影视涩香欲综合网 | 国产一区二区不卡| 国产精品天天看| 91性感美女视频| 日韩精品成人一区二区在线| 日韩精品中文字幕一区二区三区 | 久久精品国产精品青草| 日韩一区二区三区免费观看| 国产精品夜夜嗨| 一区二区三区在线高清| 日韩视频免费观看高清完整版| 麻豆精品新av中文字幕| 国产精品网站导航| 日韩视频一区在线观看| 秋霞午夜av一区二区三区| 久久综合色天天久久综合图片| 欧美一区二视频| 精品粉嫩超白一线天av| 91麻豆精品国产91久久久久| 成人v精品蜜桃久久一区| 久久电影国产免费久久电影| 国产欧美精品一区二区色综合朱莉| 不卡av免费在线观看| 日韩精品一区第一页|