为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
Ajax全接触_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • 通过XMLHttpRequest对象实现客户端和服务器间数据的异步交换
    查看全部
  • XMLHttpRequest取得響應 * responseText:獲得字符串形式的響應數據 * responseXML:獲得XML形式的響應數據(比較少) * status和statusText:以數字和文本形式返回HTTP狀態碼 * getAllResponseHeader():獲取所有的響應報頭 * getResponseHeader():查詢響應中的某個字段的值 readyState屬性的變化代表服務器響應的變化 0:請求未初始化,open還沒有調用 1:服務器連接已建立,open已經調用了 2:請求已接收,也就是接收到頭信息了 3:請求處理中,也就是接收到了響應主體 4:請求已完成,且響應已就緒,也就是響應完成了 var request = new XMLHttpRequest() //建立XHR對象 request.open("GET","get.php",true); //用get方法異步打開get.php request.send(); //發送請求頭信息 request.onreadystatechange=function(){ if(request.readState===4&&request.status===200){ //做一些事情 request.responseText; } } 通過onreadystatechange事件 ,對readyState屬性進行監聽即對服務器的響應進行監聽, readyState===4響應完成; status===200,請求成功 建立異步請求的過程4個步驟: a:new一個XHR對象 b:調用open方法 c:send一些數據 d:對過程進行監聽,來知道服務器是不是正確地做出了響應,接著可以做一些事情 (監聽readyState,響應成功可以做一些事情,比如獲取服務器響應的內容在頁面上做一些呈現
    查看全部
  • XMLHttpRequest發送請求: 兩個方法 open(method,url,async) method:規定HTTP發送請求的方式是get還是post,不區分大小寫,一般來說用大寫 url:請求地址(相對地址或絕對地址) async:同步/異步(false/true),默認是異步也就是true,可以不用填寫 send(string):發送到服務器(該參數可以填或者不填-----get方法不填或填null,post:一般要填) 例如: request.open("POST","create.php",true); request.setRequestHeader("Content-type","application/x-www-form-urlencoded ")//設置HTTP頭信息--一定要寫在open()和send()之間 request.send("name=xxxx&set=xxx");
    查看全部
  • 【什麼是HTTP?】 1.HTTP是計算機通過網絡進行通信的規則 2.HTTP是一種無狀態的協議(不建立持久的連接,服務端不保留連接的相關信息,瀏覽器發出請求和服務器返回響應是一個沒有記憶的過程) 3.一個完整的【HTTP請求】過程有7個步驟: 1>建立TCP連接 2>Web瀏覽器向Web服務器發送請求命令 3>Web瀏覽器發送請求頭信息 4>Web服務器應答 5>Web服務器發送應答頭信息 6>Web服務器向瀏覽器發送數據 7>Web服務器關閉TCP連接 【http請求】 1.HTTP請求的方法或動作,post或get 2.正在請求的URL 3.請求頭,包含一些客戶端環境信息,身份驗證信息等 4.請求體(請求正文),包含要發送的一些字符串信息,表單信息等等 //請求頭和請求體之間有一個空行,表面請求頭已經結束 GET:一般用於信息的獲取,使用URL傳遞參數,對發送信息的數量也有限制,一般在2000字符!默認方式,一般用於查詢、獲取操作,不是很安全,任何人可見,信息都顯示在URL中 POST:一般用於修改服務器上的資源,對所發送的數量無限制。一般用於發送表單數據,新建,修改,刪除等操作,要安全一些,不在URL中顯示,對其他人不顯示。 【冪等】:一個操作任意多次執行所產生的影響均與一次執行的影響相同。GET請求就是一種冪等操作。 【HTTP響應】一般由3部分組成: ①一個數字或文字組成的狀態碼,用來顯示請求是成功還是失敗 ②響應頭,和請求頭一樣包含許多有用信息,如服務器類型、日期時間、內容類型和長度等 ③響應體,即響應正文//響應頭和響應體之間有空行 【HTTP狀態碼】 1XX:信息類,表示收到Web瀏覽器請求,正在進一步處理中 2XX:成功,表示用戶請求被正確接收 3XX:重定向,表示請求沒有成功,客戶必須採取進一步動作 4XX:客戶端錯誤,表示客戶端提交的請求有錯誤,例如:404 NOT Found,意味著請求中所引用的文檔不存在 5XX:服務器錯誤,表示服務器不能完成對請求的處理,如:500
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2018-03-22

  • 1、要使用XMLHttpRequest物件, 首先都要先實例化XMLHttpRequest物件:var request=new XMLHttpRequest(); 2、瀏覽器的支持情況:大部分瀏覽器都支持,但是在IE5/IE6不能支持,但是也可以通過添加代碼使得IE5/IE6支持。 EX: var xhttp; if (window.XMLHttpRequest) { xhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
    查看全部
  • Ajax三步驟: Asynchronous Javascript And XML 1、運用HTML和CSS實現頁面,表達信息; 2、運用XMLHttpRequest和web服務器進行數據的異步交換; 3、運用JavaScript操作DOM,實現動態局部刷新; 1.同步:就是用戶填寫完信息之後,全部提交給服務器,等待服務器的回應,是一次性全部的。 2.異步:當用戶填寫完一條信息之後,這條信息會自動向服務器提交,然後服務器響應客戶端,在此過程中,用戶依然在填寫表格的信息,即向服務器請求多次,節省了用戶的時間,提高了用戶的體驗。 異步的實現是利用了XMLHttpRequest對象,利用該對象進行異步操作,即後台可以和服務器交換數據,而不需要重新加載整個頁面,只對網頁部分更新。 3.XMLhttpRequest對象來實現這一功能,也需要javascript來操作DOM實現局部的信息更新。
    查看全部
  • xmlHttpRequest+js
    查看全部
  • 1.AJAX的全稱—Asynchronous Javascript and XML異步的Javascript和XML 2.AjAX不是編程語言,是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術 3.傳統的網頁,要想更新內容或提交一個表單,就要重新載入頁面;使用AjAX技術的頁面,通過後台跟服務器進行少量的數據交換,網頁就可以實現異步局部更新; 4.它改變了WEB開發的格局。常用於地圖、微博等。需要基礎知識HTML、JS、CSS
    查看全部
  • POST请求时,需要在open和send之间插入setRequestHeader....
    查看全部
  • 1、实例化XMLHttpRequest对象:var request=new XMLHttpRequest(); 2、浏览器的支持情况:大部分浏览器都支持,但是在IE5/IE6不能支持,但是也可以通过添加代码使得IE5/IE6支持。 兼容IE6函数 var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest(); //IE7+,Firefox,Chrome,Opera,Safari... }else{ request = new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5 }
    查看全部
  • 1、利用html+css来实现页面,表达信息; 2、用XMLHttpRequest和web服务器进行数据的异步交换 3、运营js操作DOM,实现动态局部刷新;
    查看全部
  • 1.AJAX的全称—Asynchronous Javascript and XML异步的Javascript和XML 2.AjAX不是编程语言,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术 3.传统的网页,要想更新内容或提交一个表单,就要重新载入页面;使用AjAX技术的页面,通过后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新; 4.它改变了WEB开发的格局。常用于地图、微博等。需要基础知识HTML、JS、CSS
    查看全部
  • 返回码200表示请求处理成功
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-05-31

  • 有下载的PHP网址:http://www.apachefriends.org/download.html
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-05-31

  • 跨越介绍
    查看全部

举报

0/150
提交
取消
课程须知
只需要有基础的javascript语法知识,就可以很容易理解本课程哦
老师告诉你能学到什么?
通过本课程的学习,您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识,只需要一些时间,看似复杂的知识点,其实都是纸老虎,会被你一捅就破。您不但会了解Ajax的使用,而且会清楚Ajax的原理,并举一反三。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!