Páirteach Leathanach Rindreáil Ag Baint Úsáide As I Bhfolach Iframe

Páirteach-leathanach rindreáil deireadh an gá le haghaidh an t-iomlán leathanach gréasáin a athnuachan mar thoradh ar postback. In ionad, ach réigiúin ar leith ar an leathanach a bhfuil athrú a nuashonrú. Mar thoradh air sin, nach bhfuil úsáideoirí a fheiceáil ar an leathanach iomlán reload le gach postback, a dhéanann idirghníomhú leis an úsáideoir le an leathanach Gréasáin níos mó gan uaim. Forbróirí ag iarraidh a chur den sórt sin a iompar go dtí a n-leathanaigh ghréasáin ag tabhairt aghaidhe go minic le cinneadh deacair. Gach ceann de na gníomhaíochtaí is féidir a chur i bhfeidhm ag baint úsáide as an réiteach an-simplí: ag refreshing an leathanach ar fad mar fhreagra ar an idirghníomhú leis an úsáideoir. Mar sin féin is é an réiteach éasca ach ní i gcónaí inmhianaithe. Ar an leathanach iomlán a athnuachan is féidir a bheith mall, a thabhairt an t-úsáideoir ar an tuiscint go bhfuil an t-iarratas unresponsive. Tá rogha eile a chur i bhfeidhm gníomhartha den sórt sin ag baint úsáide as JavaScript (nó eile cliant-taobh scriptithe teicneolaíochtaí). Mar thoradh air seo in amanna freagartha níos tapúla, ar chostas níos casta, níos lú iniompartha cód. JavaScript a d ' fhéadfadh a bheith ina rogha maith le haghaidh gníomhaíochtaí simplí, den sórt sin mar a thabhairt cothrom le dáta ar an íomhá. Mar sin féin, le haghaidh tuilleadh casta gníomhartha, den sórt sin mar scrollaigh trí na sonraí sa tábla, scríobh saincheaptha cód JavaScript is féidir a bheith an-dúshlánach gnóthas. Soláthraíonn an páipéar seo a réiteach seachnaítear an míbhuntáistí an leathanach iomlán a athnuachan agus saincheaptha JavaScript réitigh. Sa pháipéar seo páirteach leathanach rindreáil fheidhmiúlacht a chuireann an cumas a ath-rindreáil teoranta cuid de leathanach. Mar i leathanach iomlán a sholáthar ar an réiteach, páirteach leathanach rindreáil seolann iarraidh ar ais go dtí an t-iarratas ar an lár-chiseal a gheofaí an t-ábhar nua. Mar sin féin, nuair a bheidh páirteach leathanach rindreála a úsáid chun cothrom le dáta an leathanach, ach an athraithe t-ábhar a sheoladh ar ais chuig an bhrabhsálaí. Tugann an páipéar seo an réiteach ag baint úsáide as i bhfolach ar Iframe agus JavaScript simplí a chumasadh leis an t-ábhar nua ar ais isteach sa leathanach gréasáin. Is é an toradh deiridh go bhfuil an leathanach seo cothrom le dáta saincheaptha gan cód JavaScript, agus gan an caillteanas de chomhthéacs go bhfuil de ghnáth a tharlaíonn le lán-leathanach athnuachan. Réamhrá: Leathanaigh gréasáin le tacaíocht a thabhairt de ghnáth ar éagsúlacht na gníomhaíochtaí, den sórt sin mar dul isteach agus chur isteach foirm sonraí agus nascleanúna chuig leathanaigh éagsúla. Go leor leathanaigh ghréasáin freisin tacaíocht a thabhairt de chineál eile gníomhaíochta, a cheadú an t-úsáideoir chun modhnuithe a dhéanamh chun an t-ábhar ar an leathanach gréasáin féin gan iarbhír a nascleanúint a dhéanamh chuig leathanach eile. Seo a leanas roinnt samplaí de ghníomhartha den sórt sin san áireamh. Cliceáil ar an nasc a d ' fhéadfadh a thabhairt cothrom le dáta ar an íomhá ar an leathanach céanna. Mar shampla, gluaisteán chumraíocht iarratas d ' fhéadfadh a thabhairt cothrom le dáta ar an íomhá de ghluaisteán mar a roghnaíonn an t-úsáideoir na roghanna éagsúla, den sórt sin mar an dath is fearr. A roghnú mír ó rogha bosca d ' fhéadfadh mar thoradh ar na modhnuithe a réimsí eile ar an leathanach céanna. Mar shampla, roghnú carr a dhéanamh d ' fhéadfadh a thabhairt cothrom le dáta an leagan de ar fáil carr samhlacha atá ar taispeáint. Chliceáil ar an nasc nó a roghnú mír ó rogha d ' fhéadfaí a úsáid chun scrollú chuig leathanach nua de na sonraí sa tábla. Chliceáil ar an cnaipe i dtábla a d ' fhéadfadh a chur le chéile nua go dtí an tábla. Gach ceann de na gníomhartha den chineál céanna i go bhfuil siad mar thoradh ar an leathanach céanna á ath-a rinneadh i beagán difriúil stáit. Go hidéalach, ba chóir na hathruithe a chur i bhfeidhm chomh gan uaim agus is féidir, mar sin, go bhfuil an t-úsáideoir nach bhfuil taithí caillteanas de chomhthéacs a d ' fhéadfadh a distract as an tasc ar láimh. Páirteach leathanach rindreáil féidir a chur i bhfeidhm le réiteach an-simplí ag baint úsáide as i bhfolach ar Iframe agus íosta JavaScript. Aon chuid den leathanach a bheith páirteach a rinneadh le ag baint úsáide as an div nó tábla clibeanna HTML. Leathanach Heilimintí A d ' Fhéadfadh Athrú le Linn PPR: Ath-Rindreáil Sonraí: Mar an gcéanna réimsí redrawn ach a gcuid sonraí cothrom le dáta. I measc na samplaí tá an Athnuachan Sonraí gníomh cnaipe, nó a athríomh-iomláin sa tábla. Re-a sholáthar ag Brath Réimsí: Réimsí a d ' fhéadfadh a bheith seo a leanas, a bhaint, nó a athrú seicheamh, agus sonraí a d ' fhéadfadh a bheith nuashonraithe. I measc na samplaí tá an Tír aisce liosta, d ' fhéadfadh a thaispeáint éagsúla réimsí seoladh, agus barra idir Simplí agus Cuardach Casta. Hide/Thaispeáint Ar An Ábhar: Dá réimsí agus sonraí scoránaigh i agus amach as dearcadh. Leathanach Eilimintí Nach Bhfuil Athrú i Rith PPR: Roinnt leathanach ar gnéithe iad a bhaineann i gcónaí leis an leathanach, beag beann ar an ábhar ar taispeáint ar an leathanach. Mar riail ghinearálta, de ordóg, gnéithe thuas ar an leathanach teidil (seachas bhoscaí teachtaireachta) fós seasmhach agus ní athrú le seasamh, de bhrí go bhfuil eilimintí i buntásc leanúnach ach d ' fhéadfadh a bhogadh suas nó síos an leathanach chun freastal ar athruithe ar an ábhar leathanach. Na heilimintí seo a leanas riamh a athrú nuair a PPR tús: Brandáil Domhanda cnaipí Tabs, Nascleanúint Cothrománach, SubTabs Aimsitheoir eilimintí: [object Window], Traenach, Next/ar Ais Aimsitheoir naisc Thapa Leathanach teidil (chéad leibhéal header) Leathanach buntásc Deighilteoir línte idir na Tabs agus Leathanach Teideal I bhformhór na gcásanna ar an gnéithe seo a leanas chomh maith nach bhfuil athrú, eile ná mar a bogadh suas nó síos an leathanach chun freastal ar athrú eilimintí. Mar sin féin, i gcásanna áirithe na gníomhartha ar an leathanach a d ' fhéadfadh a cheangal iad a bheith redrawn: Fo-Nascleanúint, ach amháin má tá Folaigh/Taispeáin rialú. Subtabs an fhaisnéis Chomhthéacsúil ar an Leathanach-leibhéal gníomhaíochta/cnaipí nascleanúint Leathanach-leibhéal Teagasc téacs ar Leathanach-leibhéal Leathanach stampaí Leathanach-leibhéal Eochair Nodaireacht I ngach cásanna thuas is féidir seo a réiteach a úsáid a bhaint amach ar an dea-fheidhmíocht agus idirghníomhú leis an úsáideoir na leathanaigh ghréasáin. Comhthéacsanna ina PPR Níor Chóir é A Úsáid: Nuair a PPR i bhfeidhm i gceart, feabhsaíonn sé go mór ar fheidhmíocht i bhfeidhm. Nuair a feabhsú feidhmíochta nach féidir le PPR, níor cheart é a bheith i bhfeidhm, dá bhrí sin a sheachaint gan ghá cód bloat, PPR can’t a úsáid nuair a nascleanúna go dtí ceann eile leathanach (le éagsúla teideal). Páirteach Leathanach Rindreáil Réiteach: Réiteach ar fáil ar an Leathanach Partial Rindreáil simplí ag baint úsáide as i bhfolach ar iframe agus JavaScript, is féidir é seo a úsáid mar ginearálaithe réiteach go léir Páirteach Leathanach Rindreáil cásanna. Anseo thíos tá na príomh html (Tábla 1.1), a mbeidh dhá cnaipí amháin é a thaispeáint ar an tábla simplí a bheidh ginte ag an freastalaí, agus cnaipe eile a bhaint as an tábla. [[object Window]] [ceann] [[object Window]] Doiciméad Príomh [/[object Window]] [script teanga=”[object Window]”] [!– feidhm showTable() { hiframe.suíomh=”./[object Window]”; } feidhm removeTable() { doiciméad.getElementById(“[object Window]”).[object Window]””; } //–] [/[object Window]] [/ceann] [comhlacht] [[object Window]”[object Window]” stíl=”infheictheacht:i bhfolach;taispeáint:[object Window]”][/[object Window]] [tábla] [[object Window]] [[object Window]]Tábla::[/[object Window]] [[object Window]][/[object Window]] [/[object Window]] [[object Window]] [[object Window]”2″][[object Window]”[object Window]”][/[object Window]][/[object Window]] [/[object Window]] [[object Window]] [[object Window]][cineál ionchuir=”cnaipe” luach=”Léiríonn Tábla” [object Window]”[object Window]()”][/[object Window]] [[object Window]][cineál ionchuir=”cnaipe” luach=”Bain Tábla” [object Window]”[object Window]()”][/[object Window]] [/[object Window]] [/tábla] [/comhlacht] [/[object Window]] Tábla 1.1 [[object Window]”[object Window]” stíl=”infheictheacht:i bhfolach;taispeáint:[object Window]”][/[object Window]] Seo iframe tag é a úsáid mar sprioc don Páirteach Leathanach Rindreáil Iarratas. An tag [cineál ionchuir=”cnaipe” luach=”Léiríonn Tábla” [object Window]”[object Window]()”] tugann an t-úsáideoir gníomh a fháil ar an ábhar ar an tábla as an freastalaí, sa réiteach seo sampla html atá ar fáil a sholáthar ar an tábla, a ceaptha a bheith ginte ag an freastalaí. An tag [cineál ionchuir=”cnaipe” luach=”Bain Tábla” [object Window]”[object Window]()”] tugann an t-úsáideoir a bhaint as an tábla ó comhéadan úsáideora. An fheidhm JavaScript showTable() { hiframe.suíomh=”./[object Window]”; } Tá a úsáidtear a fháil ar an ábhar as an freastalaí, an líne hiframe.suíomh=”./[object Window]”; cuireann an FHÁIL a iarraidh ar an freastalaí, agus mar fhreagra iframe faigheann an HTML. Má tá an riachtanas áitíonn a sheoladh le POST a iarraidh le haghaidh Páirteach Leathanach rindreáil Freagra, is féidir a bhaint amach ag leagan síos an html eilimint fhoirm sprioc tréith mar an t-ainm i bhfolach iframe. An cód le haghaidh an post a iarraidh breathnaíonn an nós [foirm modh=”[object Window]” [object Window]”/[object Window]” sprioc=”[object Window]”] Páirteach Leathanach Rindreáil Freastalaí Freagra: Tábla 1.2 léiríonn an sampla freagra ón bhfreastalaí le haghaidh Páirteach Leathanach Rindreáil. Seo mar fhreagra ar an JavaScript cód a aistriú chuig an HTML ó iframe i bhfolach go dtí príomh-leathanach. [[object Window]] [ceann] [script teanga=”[object Window]”] [!– feidhm iframeLoad() { tuismitheoir.doiciméad.getElementById(“[object Window]”).innerHTML = cáipéis.getElementById(“[object Window]”).[object Window]; } //–] [/[object Window]] [/ceann] [comhlacht onload=”[object Window]()”] [[object Window]”[object Window]”] [tábla] [[object Window]] [[object Window]]1[/[object Window]] [[object Window]]Amháin[/[object Window]] [/[object Window]] [[object Window]] [[object Window]]2[/[object Window]] [[object Window]]Dhá[/[object Window]] [/[object Window]] [/tábla] [/[object Window]] [/comhlacht] [/[object Window]] Tábla 1.2 An tag [[object Window]”[object Window]”] chlúdú an ábhar a aistriú ó iframe i bhfolach go dtí príomh-leathanach. [tábla] [[object Window]] [[object Window]]1[/[object Window]] [[object Window]]Amháin[/[object Window]] [/[object Window]] [[object Window]] [[object Window]]2[/[object Window]] [[object Window]]Dhá[/[object Window]] [/[object Window]] [/tábla] Is é seo an ábhar a thaispeáint ar an tábla chun an t-úsáideoir. An cód [comhlacht onload=”[object Window]()”] a úsáidtear le haghaidh a chuireann faoi deara an gníomh a aistriú an t-ábhar. feidhm iframeLoad() { tuismitheoir.doiciméad.getElementById(“[object Window]”).innerHTML = cáipéis.getElementById(“[object Window]”).[object Window]; } An fheidhm JavaScript a dhéanann an aistriú sonraí ó na iframe i bhfolach go dtí príomh-leathanach. tuismitheoir.doiciméad.getElementById(“[object Window]”).innerHTML chuid Seo tagraíonn tag div html id i leathanach is mó agus an chuid doiciméad.getElementById(“[object Window]”).innerHTML tagraíonn an HTML ar an Leathanach Partial Freagra. Conclúid: Feabhas a chur ar an taithí úsáideora le leathanaigh Ghréasáin a bhfuil níos saibhre, go bhfuil níos mó sofhreagrach le gníomhaíochtaí úsáideora, agus sin iad féin a iompar cosúil traidisiúnta cliant iarratais. Laghdú refreshes lán-leathanach agus a sheachaint an leathanach flicker. Páirteach leathanach rindreáil ag baint úsáide as iframe is é an réiteach an-simplí. Páirteach Leathanach Rindreáil Ag Baint Úsáide As I Bhfolach Iframe


· Le do thoil!! Comhroinn Saor!!

|

Comhroinn


・ Partial Page Rendering Using Hidden Iframe

[Nasc Chun an Iar (HTML cód)]



[URL Trackback]