ࡱ> oqn7 bjbjUU )j7|7|hA)l     8 4:&bL(9999999Z< z>Z9 9!  9!!!h  9!9!:!'37|  8V l 78,:04:7> >8!      AJAX Ajax:AsynchronousJavaScriptandXML* AJAX is a developer's dream, because you can: Read data from a web server - after the page has loaded Update a web page without reloading the page Send data to a web server - in the background Example  HYPERLINK "https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first" https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first
Create an XMLHttpRequest Object Syntax for creating an XMLHttpRequest object: variable=newXMLHttpRequest(); XMLHttpRequest Methods MethodDescriptiongetAllResponseHeaders()Returns header informationgetResponseHeader()Returns specific header informationopen(method, url, async)Specifies the request method: the request type GET or POST url: the file location async: true (asynchronous) send()Sends the request to the server Used for GET requestssend(string)Sends the request to the server. Used for POST requestssetRequestHeader()Adds a label/value pair to the header to be sent GET Requests xhttp.open("GET","demo_get1.html",true); xhttp.send(); xhttp.open("GET","demo_get2.php?fname=Henry&lname=Ford",true); xhttp.send(); Post Requests xhttp.open("POST","ajax_test.php",true); xhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhttp.send("fname=Henry&lname=Ford"); onreadystatechange Property xhttp.onreadystatechange=function() { if(this.readyState==4&&this.status==200) { document.getElementById("demo").innerHTML=this.responseText; } }; onreadystatechangeDefines a function to be called when the readyState property changes ReadyState & status Properties readyStateHolds the status of the XMLHttpRequest. 0: request not initialized 1: server connection established 2: request received 3: processing request 4: request finished and response is readystatus200: "OK" 403: "Forbidden" 404: "Page not found" For a complete list go to the HYPERLINK "https://www.w3schools.com/tags/ref_httpmessages.asp" Http Messages ReferencestatusTextReturns the status-text (e.g. "OK" or "Not Found") AJAX & PHP #1  HYPERLINK "https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_php" https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_php AJAX & PHP #2  HYPERLINK "https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_php" https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_php

Start typing a name in the input field below:

First name:

Suggestions:

JSON JSON:JavaScriptObjectNotation. JSON is a syntax for storing and exchanging data. JSON is text, written with JavaScript object notation.  JSON Valid Data Types In JSON, values must be one of the following data types: a string a number an array a boolean null JSON OBJECTS {"name":"John","age":30,"car":null}; JSON ARRAYS ["Ford","BMW","Fiat"] JSON ARRAYS OF OBJECTS [ {"name":"Jose Bastos","micropost_id":"70","user_id":"74","content":"mais um","created_at":"2017-11-12 00:39:57","total":"2"}, {"name":"Jose Bastos","micropost_id":"70","user_id":"74","content":"vamos a ver","created_at":"2017-11-12 00:06:08","total":"2"}, {"name":"Jose Bastos","micropost_id":"70","user_id":"74","content":"\r\ntest","created_at":"2017-11-11 23:44:44","total":"2"} ] JAVASCRIPT Parsing JSON Imagine we received this text from a web server: '{ "name":"John", "age":30, "city":"New York"}' Use the JavaScript function JSON.parse() to convert text into a JavaScript object: varobj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}'); Stringify a JavaScript Object If we have this object in JavaScript: varobj = {"name":"John","age":30,"city":"New York"}; Use the JavaScript function JSON.stringify() to convert it into a string. varmyJSON = JSON.stringify(obj); JSON PHP #1 Objects in PHP can be converted into JSON by using the PHP functionjson_encode(): name ="John"; $myObj->age =30; $myObj->city ="New York"; $myJSON = json_encode($myObj); echo$myJSON; ?> {"age":30,"city":"New York","name":"John"} JSON PHP #2 Associative Arrays in PHP can be converted into JSON by using the PHP functionjson_encode(): "35", "Ben"=>"37", "Joe"=>"43"); $myJSON = json_encode($age); echo$myJSON; ?> {"Peter":"35","Ben":"37","Joe":"43"} * Now JSON:JavaScriptObjectNotation is more popular than XML AJAX  PAGE 1/ NUMPAGES 19   $%(),-/IJK5;нн~oX~E~CC *%0J5:CJ KHOJQJ\^JaJ,jCJ OJQJUfHq CJ OJQJfHq &jCJ OJQJUfHq fHq B*CJ"OJQJaJ"ph)0JCJ8OJQJ^JaJfHq %CJ8OJQJ^JaJfHq 20JB*CJ8OJQJ^JaJfHph"""q !CJ8OJQJ^JfHq mHsH./]9c & Fddd[$\$d$a$ !h;S*jk/0SUZlmnǸttccccTcT0JB*CJ OJQJaJ ph!B*CJ OJPJQJ^JaJ ph'5B*CJ OJPJQJ\^JaJ ph5B*CJ OJQJ\aJ phB*CJ"OJQJ^JaJ"ph!0JB*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph'0J6B*CJ"OJQJ]^JaJ"ph#6B*CJ"OJQJ]^JaJ"phB*CJ OJQJaJ phPJ * +-78@HJKkl$If0SS$d%d &d'd -DM NO PQ d-DM [$\$lff$If$$If0B8 0962 2S24` a0Tlff$If$$If0B8 0962 2S24` aTUnl$fff$If$$If0B8 0962 2S24` a  ! ' ( ) ` b t u ˵qVq45B*CJ$OJQJ\^JaJ"fHph**q 45B*CJ$OJQJ\^JaJ"fHphq .B*CJ"OJQJ^JaJ"fHphq !B*CJ OJPJQJ^JaJ ph*B*CJ OJQJaJ fHphq .0JB*CJ OJQJaJ fHphq 0JB*CJ OJQJaJ phB*CJ OJQJaJ ph lff$If$$If0B8 0962 2S24` a  ) a lff$If$$If0B8 0962 2S24` aa b u lff$If$$If0B8 0962 2S24` a ljhfffff\f %dO$$If0B8 0962 2S24` a    / 0 1 5 7 8 F G U [ f l m n } ~  ȭ㒭zȭȭ㒭neȭȭ㒭ȭȭȭfHq 5\fHq 5CJ$\#5B*CJ$OJQJ\^JaJ"ph45B*CJ$OJQJ\^JaJ"fHphq 45B*CJ$OJQJ\^JaJ"fHphq 45B*CJ$OJQJ\^JaJ"fHph**q 80J5B*CJ$OJQJ\^JaJ"fHphq ' F U V W X Y Z [     $If %dO   0 1 2 3 ; ? @ A B D E F J U V X Y Z [ ] ^ b i j l m p s t ոոՋո՝ոոpոոոpՋ45B*CJ$OJQJ\^JaJ"fHphq #5B*CJ$OJQJ\^JaJ"ph45B*CJ$OJQJ\^JaJ"fHphq 80J5B*CJ$OJQJ\^JaJ"fHphq 45B*CJ$OJQJ\^JaJ"fHphq 5CJ$\fHq !   9 C D k l ʭʭʀʀwjYjYjYjJjJjJjJj0JB*CJ OJQJaJ ph!B*CJ OJPJQJ^JaJ phB*CJ OJQJaJ phfHq #5B*CJ$OJQJ\^JaJ"ph45B*CJ$OJQJ\^JaJ"fHphq 80J5B*CJ$OJQJ\^JaJ"fHphq 45B*CJ$OJQJ\^JaJ"fHphq 45B*CJ$OJQJ\^JaJ"fHph**q   9 D qocc $g#$/If$$If08P) 0G:62 2S24` a    V W X XYZɷطoP=j 5:CJ KHOJQJU\aJfHq 65:CJ KHOJQJ\aJfHmHq sH7j5:CJ KHOJQJU\aJfHq mHsH0JCJ OJQJaJ "jB*CJ OJQJUaJ ph0JB*CJ OJQJaJ phB*CJ OJQJaJ phCJOJQJaJ!B*CJ OJPJQJ^JaJ ph   k__ $g#$/If$$If08P) g0G:62 2S24` a k__ $g#$/If$$If08P) g0G:62 2S24` a fg*:@Akigiigiiige$$If08P) g0G:62 2S24` a Z !"#$&/06=>BĿpaB*CJ"OJQJ^JaJ"ph *B*CJ"OJQJ^JaJ"ph!0JB*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph**B*CJ"OJQJ^JaJ"phmHsH7j5:CJ KHOJQJU\aJfHq >0J5:CJ KHOJQJ\^JaJfHmHq sH&BCLMPQZ[^_ #S`efgwx~߲ߡ}}}$ *0JB*CJ"OJQJ^JaJ"ph *B*CJ"OJQJ^JaJ"ph** *B*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph**B*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph!0JB*CJ"OJQJ^JaJ"ph1deϬtU5>0J5:CJ KHOJQJ\^JaJfHmHq sH=j"5:CJ KHOJQJU\aJfHq 65:CJ KHOJQJ\aJfHmHq sH7j5:CJ KHOJQJU\aJfHq mHsHB*CJ"OJQJ^JaJ"ph**B*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph *B*CJ"OJQJ^JaJ"ph *B*CJ"OJQJ^JaJ"phefghlmopqstuʻʬʻʻʔʻʻʬʻzzʻiZiB*CJ"OJQJ^JaJ"ph!0JB*CJ"OJQJ^JaJ"ph20JB*CJ"OJQJ^JaJ"fHphq .B*CJ"OJQJ^JaJ"fHphq B*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph**B*CJ"OJQJ^JaJ"ph%B*CJ"OJQJ^JaJ"mHphsH%B*CJ"OJQJ^JaJ"mHphsH   #%'(*+01238:HMn_RB*CJ,OJQJaJ"phB*CJ"OJQJ^JaJ"ph!0JB*CJ"OJQJ^JaJ"ph20JB*CJ"OJQJ^JaJ"fHphq .B*CJ"OJQJ^JaJ"fHphq B*CJ"OJQJ^JaJ"ph**B*CJ"OJQJ^JaJ"phB*CJ"OJQJ^JaJ"ph *B*CJ"OJQJ^JaJ"ph *B*CJ"OJQJ^JaJ"phABCDEFGHjdR-DM [$\$dh-DM [$\$S%d0-DM OLP0\$SS%d0-DM OLP0[$\$MNORSXYZ_`a*OTUabf~sf[MF CJOJQJ0J6B*CJ4]aJph0JB*CJ4aJph0JB*CJ4^JaJphB*CJ4^JaJphB*CJ4OJQJ^JaJphB*CJ0OJQJ^JaJphPJB*OJQJph#5B*CJ@OJQJ\^JaJ@ph CJOJQJ j9UB*CJ"OJQJaJ"phB*CJ,OJQJaJ"ph5B*CJ,OJQJ\aJ"ph0JB*CJ,OJQJaJ"ph*3<EOTbcdefghij & FdRdd-DM [$\$dR-DM [$\$fijklrsyz{ĴִĴ֤Ĵ֔ևqX05B*CJ8OJQJ\^JfHphq *B*CJ8OJQJ^JfHphq B*CJ4OJQJ^Jph5B*CJ4OJQJ\^Jph5B*CJ4OJQJ\^Jph5B*CJ4OJQJ\^Jph**#0J5B*CJ4OJQJ\^Jph5B*CJ4OJQJ\^Jph5B*OJQJ\^JphB*OJQJ^JphY[\tuy-̳̳峪}m[Im#5B*CJ,OJQJ\^JaJ"ph#5B*CJ,OJQJ\^JaJ"ph**5B*CJ,OJQJ\aJ phB*CJ OJQJaJ phPJOJQJ^JaJ5B*OJQJ\^JaJph5\fHq 05B*CJ8OJQJ\^JfHphq 05B*CJ8OJQJ\^JfHph**q 40J5B*CJ8OJQJ\^JfHphq YY[uvwxy-t-DM [$\$dS-DM [$\$dSS%d$ -DM OLP$ d-DM [$\$-01BqtuǵDZzj\jN\N\jN\@\j5B*OJQJ\^Jph5B*OJQJ\^Jph**5B*OJQJ\^Jph0J5B*OJQJ\^Jph5B*OJQJ\^Jph5B*CJ4OJQJ\aJph#5B*CJ-OJQJ\^JaJ-ph B*aJ-ph5\#5B*CJ,OJQJ\^JaJ"ph**#5B*CJ,OJQJ\^JaJ"ph'0J5B*CJ,OJQJ\^JaJ"ph#5B*CJ,OJQJ\^JaJ"ph>`mn=huvBChdR,-DM [$\$dR%d -DM OLP dR-DM [$\$>AB`almnuõw]RKH90JB*CJ,OJQJ^JphCJ, B*CJ,phCJ$OJQJ^JaJ$20JB*CJ4OJQJ^JaJfHph<q !0JB*CJ4OJQJ^JaJphCJ4 *CJ4B*CJOJQJaJphCJaJ5\0J5B*OJQJ\^Jph5B*OJQJ\^Jph5B*CJ4OJQJ\aJph5B*CJOJQJ\^Jph5B*OJQJ\^Jph5B*OJQJ\^Jph** ,01:=hiv156?Bhijmnrћ|c05B*CJ"OJQJ\aJ"fHphq CJ80JCJ80JB*OJQJ^Jph B*ph B*phCJ$OJQJ^JaJ$20JB*CJ4OJQJ^JaJfHph<q !0JB*CJ4OJQJ^JaJphCJ4 *CJ4 B*CJ,ph B*CJ,ph0JB*CJ,OJQJ^JphCJ, B*CJ,ph**!rstuxy~ҹҹҹ0JmHnHu0J j0JU05B*CJ"OJQJ\aJ"fHphq .0JB*CJ"OJQJaJ"fHphq *B*CJ"OJQJaJ"fHphq '&P 1h0A .!"#$% DyK yK https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_firstyX;H,]ą'cDyK yK https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_phpyX;H,]ą'cDyK yK https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_phpyX;H,]ą'cDdJ  3 #" 88 i@@@ Normal CJ0OJQJ_HaJmH sH tH f@f Heading 1'$$<<&d@&Pa$5:CJ8KH \^JaJ V@"V Heading 2dd@&[$\$5CJ$OJPJQJ\^JaJ$V2V Heading 3dd@&[$\$5CJOJPJQJ\^JaJ<A@< Default Paragraph Font,@, Header  !8 @8 Footer  ! CJ$mHsH&)@& Page Number:O!: apple-converted-space"W@1" Strong5\N^@BN Normal (Web)dd[$\$CJOJPJQJ^J&X@Q& Emphasis6]<Oa< ipa nopopups noexcerpt.U@q. Hyperlink >*B*ph6@6 Footnote TextCJaJBOB Code%CJ OJQJ^JaJfHq <Z@< Plain TextCJOJQJ^JaJ8&@8 Footnote ReferenceH*@B@@ Body TextB*OJQJ^JaJph&O& w3-codespan,@Cj./]9c+-78@HJKkl0TUn)abuFUVWXYZ[9D   f g *:@ABCDEFGHj*3<EOTbcdefghijYY[uvwxy-t>`mn=huvBC000000 0 0 000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 000 0000000000000000000000000 0 0 0 0 00000000000000000000000000000000000000000000000000@0000@0 0(((+; ZBeMf-r $%&'(*,-/123T a  A!"#)+.04JW  Y  d XTX4XTXT "%+!8@0(  B S  ?  '5;Skz'Uc-beglbr)8B[eo|0FU^ix$9C\j    ! M P Q X _ m y      0 S _ h u z } GNmx[f-0147AFQ_iu~>ABHKYZ] !#(28Se(7=h;Sgi'-UY br[e09C  h l rz*+34<>EFOSjm[_\o-0>A?Bh3333333333333333333333333333333333333333333333333333333338GFT*9:@3EOSTcYZ[uhjbastos6C:\Documents and Settings\jbastos\Desktop\DAW\AJAX.docjbastos_C:\Documents and Settings\jbastos\Application Data\Microsoft\Word\AutoRecovery save of AJAX.asdjbastos6C:\Documents and Settings\jbastos\Desktop\DAW\AJAX.docjbastos_C:\Documents and Settings\jbastos\Application Data\Microsoft\Word\AutoRecovery save of AJAX.asdjbastos_C:\Documents and Settings\jbastos\Application Data\Microsoft\Word\AutoRecovery save of AJAX.asdjbastos_C:\Documents and Settings\jbastos\Application Data\Microsoft\Word\AutoRecovery save of AJAX.asdjbastos6C:\Documents and Settings\jbastos\Desktop\DAW\AJAX.docjbastos6C:\Documents and Settings\jbastos\Desktop\DAW\AJAX.docjbastos6C:\Documents and Settings\jbastos\Desktop\DAW\AJAX.docjbastos6C:\Documents and Settings\jbastos\Desktop\DAW\AJAX.doc<)2{5Tif9mj@Dhr.qo9R/r<5h ^`OJQJo(h ^`OJQJo(oh pp^p`OJQJo(h @ @ ^@ `OJQJo(h ^`OJQJo(oh ^`OJQJo(h ^`OJQJo(h ^`OJQJo(oh PP^P`OJQJo(^`CJOJQJo(^`CJOJQJo(opp^p`CJOJQJo(@ @ ^@ `CJOJQJo(^`CJOJQJo(^`CJOJQJo(^`CJOJQJo(^`CJOJQJo(PP^P`CJOJQJo(h ^`OJQJo(h ^`OJQJo(oh pp^p`OJQJo(h @ @ ^@ `OJQJo(h ^`OJQJo(oh ^`OJQJo(h ^`OJQJo(h ^`OJQJo(oh PP^P`OJQJo(^`CJOJQJo(^`CJOJQJo(opp^p`CJOJQJo(@ @ ^@ `CJOJQJo(^`CJOJQJo(^`CJOJQJo(^`CJOJQJo(^`CJOJQJo(PP^P`CJOJQJo(h ^`OJQJo(h ^`OJQJo(oh pp^p`OJQJo(h @ @ ^@ `OJQJo(h ^`OJQJo(oh ^`OJQJo(h ^`OJQJo(h ^`OJQJo(oh PP^P`OJQJo(^`CJOJQJo(^`CJOJQJo(opp^p`CJOJQJo(@ @ ^@ `CJOJQJo(^`CJOJQJo(^`CJOJQJo(^`CJOJQJo(^`CJOJQJo(PP^P`CJOJQJo(<)Dhif9qo5/r         H(8H¦RL'v&XXDnX0&:x*         ٘v\HVAx<(>WordDocument)jSummaryInformation(^DocumentSummaryInformation8fCompObjjObjectPoolЮlЮl  FMicrosoft Word Document MSWordDocWord.Document.89q