, bygning af vinduer opbevarer ansøgninger med jquery 2.0,,,,, 10,,,,,,,,, 97,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss., med frigivelsen af vinduer 8, microsoft indført vinduer opbevarer ansøgninger, som kan være udarbejdet efter traditionelle web sprog, at udnytte den underliggende motorer til internet explorer 10.det betyder, at jquery 2.0, manipuleret til at fungere bedst i moderne browsere er ikke hjemme i en vinduer butik anvendelse.,,,, forståelse, sammenhæng, vinduer, opbevarer ansøgninger, i modsætning til nettet, har to forskellige sammenhænge, kendt som lokale og net.på grund af den adgang, som kode i den lokale sammenhæng har de vinduer runtime apis, nye sikkerhedsmodel var nødvendigt. for de bedste resultater, de vil downloade jquery og lade den i den lokale sammenhæng.forsøger at belastningen fra en afsides beliggenhed (f.eks. en cdn) vil resultere i en meddelelse i form af en "app kan ikke belastning fjerne indholdet på internettet i den lokale sammenhæng." forståelse "usikre", kode, dom manipulation er en af de største ændringer, de vil støde på ved hjælp af jquery i vinduer butik anvendelse i modsætning til en browser, på internettet, er det ikke ualmindeligt, at tilføje et element til en form, bare ved at vedtage en række html til jquery er. append(), metode: $("# form"). både (< input navn ='foo værdi = »bar« /> "), inden for en vinduer butik anvendelse, som har let adgang til en brugers maskine, der er meget højere, og meget af det du kan anvendes til at det vil kræve en fornyet behandling.ovennævnte anses for usikre på grund af navn, attribut.der er mange andre elementer, attributter, protokoller og mere, der anses for usikkert, for en udtømmende liste over, hvad der anses for sikre og usikre, se http: //sikrere at: oplysninger om tostatichtml. det betyder ikke, at du ikke kan programmatically bor i en beholder med dynamiske elementer, du bliver nødt til at tage en lidt anderledes tilgang.for eksempel, du kunne bruge jquery at skabe input element i sig selv snarere end passerer det sammen i en klynge: $(< input > "{navn:" foo "værdi" bar "}). appendto ("&#form "), i ovennævnte eksempel, du skaber et input element ved hjælp af jquery er: attributter underskrift.dette viser, at sikkerheden model, som de har fuld kontrol over element, det er attributter, og tilsvarende værdier.dette mønster virker lige godt i browseren også, at være til stede i jquery siden version 1. 4.,, sanitizing potentielt usikre indhold, når de modtager indhold fra en fjerntliggende endepunkt, er det klogt at rydde op, før de kommer ind i din dom.der er en række måder, hvorpå man kan gøre dette ved hjælp af hjælper funktioner, såsom, tostatichtml,, som fjerner alle dynamiske elementer fra en snor. hvis du ønsker at anmode om en række - - fra en fjerntliggende tjeneste, der indeholdt en hilsen til vores nuværende bruger.det er muligt, at denne tjeneste kan have pillet ved, og hvad der rent faktisk kommer tilbage til vores anmodning er mere, end du regner med. i følgende kode, ser man, at en skjult form område har knyttet sig til svar. < h1 > dave. < ///////h1 > < input navn ='id værdi ='a528af type ='hidden />, injektion i en form, kan være katastrofale.som sådan bør du først gå igennem, tostatichtml, at rense det for eventuelle elementer, attributter og værdier, der kan anvendes til at manipulere form af data, eller udføre ellers ikke - godkendte foranstaltninger. $("# hilsen"). http: //(tostatichtml (reaktion), når metoden ser vores tillæg for input - element, og det vil identificere og fjerne den dynamiske, navn, attribut, forebygge eventuelle uventede data i en form indgivelse.for en mere i at undersøge, hvad der kan og ikke kan overleve, tostatichtml, metode, tage et kig på http: //sikrere: oplysninger om tostatichtml.,, når du kender bedst, der uundgåeligt vil være tidspunkter, hvor du er nødt til at gøre noget, der ser ud til at være usikre.for eksempel, de måtte ønske at anvende en del af html som en model for at opbygge nye elementer.i disse tilfælde har microsoft, forudsat at nogle metoder, vi kan bruge, når det er nødvendigt, og når du er helt sikker på, hvad du gør, er ikke at sætte brugeren i fare. på den globale, msapp, objekt i vinduerne opbevarer ansøgning, der eksisterer, execunsafelocalfunction, funktion, og det er præcis, hvad det foreslår: kan du udføre en usikker stilling fra sag til sag.måske du ønsker at tilføje en input - område for at udarbejde en brugers navn, vores kodeks kan se meget ligner de seneste eksempel:, < h1 > - < input navn = "id" værdi = "dave" /> < h1 > vi kunne overdrage denne til, innerhtml, ejendom, via en anonym funktion:, msapp. execunsafelocalfunction (funktion () ($("# hilsen"). http: //(reaktion)}), inden for rammerne af den funktion, de er i stand til at træde ud af sikkerhedsmodellen og udføre en ellers usikre drift uden at være gættede af miljøet.det er ret tydeligt, hvorfor du skal bruge denne metode med et par brugbare metoder findes også i vinduerne opbevarer ansøgning i henhold til, winjs.utilities for lignende opgaver.det er, setinnerhtmlunsafe, og setouterhtmlunsafe,.som execunsafelocalfunction, de skal også anvendes med måde, og når man tager ikke en chance med data uden for deres kontrol. disse almennyttige funktioner som deres argumenter dom element, du gerne ville manipulere, og det snor du vil gerne tildele., winjs. værker. setinnerhtmlunsafe ($("# hilsen"). kom (0), svar); winjs. værker. setouterhtmlunsafe ($("# hilsen"). kom (0), svar); forskellen er, at setinner, erstatter den, innerhtml, af det element, der setouter, erstatter det element i sig selv - i jquery er, replacewith metode.til begge funktioner, kan de blot bestå i en henvisning til dom element, og vores ønske innerhtml., en bemærkning om forenelighed, i det sidste afsnit, du præsenterede to genstande, msapp, objekt, der huser, execunsafelocalfunction, funktion, samt, winjs, objekt, som huser to nyttige funktioner setinnerhtmlunsafe, og setouterhtmlunsafe,. disse objekter kun findes i vinduerne opbevarer ansøgning, og ikke i deres browser (medmindre nogen eller noget, der ligeledes ved navn objekter).hvis du vil skrive kode, der kan arbejde i både en vinduer butik, miljø samt i deres browser, du bliver nødt til at se disse ting før formodning om deres eksistens, var $hilsen = $("# hilsen"); hvis (type winjs!= = "usynlig" & & winjs. forsyningsselskaber) (winjs. værker. setinnerhtmlunsafe ($hilsen. - (0), svar);} andre {$hilsen. html (reaktion)}, i en vinduer butik anvendelse, ovennævnte kode vil bruge den, winjs.utilities, en metode til at udføre den opgave.når de gennemføres i et miljø, hvor winjs, er ukendt, såsom i webbrowser, kodeksen vil udføre opgaven via jquery,. html, metode, ikke mere samme oprindelse spørgsmål, mulighed for at benytte fjerntliggende tjenesteydelser er en del af, hvad der er på nettet.i en traditionel browser, du har oprindelse, emner, som gav anledning til løsninger, som jsonp, og i sidste ende cors.for vinduer opbevarer ansøgninger om operativsystemer, oprindelse, er irrelevant. $. ajax ("http: //api. twitter. kom /1 /status /user_timeline. json" (data: {screen_name: "appendto"}, succes: funktion (data) ($(< img > "(src: data [0]. bruger. profil. _image. _url}). appendto (" krop "); $. hver (data, funktion (centrale, fløjt) ($(< p >"). tekst (tweet. tekst). appendto ("krop"))))), ovenfor tager alle de seneste tweets fra @ appendto højde og var på hvert sit punkt mærke, hvor profil billede over dem.i en vinduer butik anvendelse er dette muligt uden at gøre brug af et manuskript, mærke, at personer, eller proxy gennem en server-side manuskript.,, selvom denne artikel er ikke udtømmende, men giver den oprindelige fremdrift, du har brug for at komme op at køre hurtigt med jquery i vinduerne opbevarer ansøgninger.have det sjovt!,