Hvordan legge AJAX Erstatt iFrame

April 3

En iFrame form er en HTML-side som er innebygd i en begrenset del av en hoved HTML-side. Som sådan, er det ansett som en ganske clunky måte å skape et webskjema. Du kan unngå denne metoden, og har fortsatt en enkel, effektiv form ved hjelp av AJAX, en asynkron form for Javascript og XML som lar deg utnytte kompliserte sideelementer uten å lære omfattende koding. En AJAX skjemaet fullstendig erstatter en iFrame form.

Bruksanvisning

1 Åpne filen på websiden der du vil erstatte iFrame. Åpne Notisblokk, og klikk deretter og dra Web-filen inn i det åpne tekstredigeringsprogram til å laste den.

2 Sett formen manus mellom "<HEAD>" og "</ HEAD>" koder i dokumentet. Skjemaet manus vil variere basert på dine egne koding stil og nettside behov. For en grunnleggende form, lim inn følgende kode inn i din webside filen:

funksjon ajaxpage (http://www.yourwebsite.com, AJAXFORM) {
Var page_request = sant
page_request = new XMLHttpRequest ()

try {
page_request = trueActiveX_Object ( "Msxml2_XMLHTTP")
}
catch (e) {
prøve{
page_request = true ActiveX_Object ( "Microsoft_XMLHTTP")
}
catch (e) {
}
}
ellers
return false
page_request (onreadystatechange = function () {
loadpage (page_request, AJAXFORM)
}

Legg linjen "if (window_XMLHttpRequest)" (uten anførselstegn rundt koden her og hele) under "var page_request" hvis du ønsker å spesifikt lage ikke-Internet Explorer skjema støtte. Legg inn koden "else if (window_ActiveXObject) {" under "page_request = new" hvis du ønsker å spesifikt skape Internet Explorer skjema støtte.

Change "AJAXFORM" til den spesifikke formen ID du ønsker å bruke, som du kan sette til å arbeide med CSS dokument for bare stil tilpasning.

3 Legg til følgende AJAX skjema skript til din webside i stedet der du vil at skjemaet skal vises:

Erstatt "theformpage.html" med det faktiske navnet på HTML-filen du ønsker å laste inn i AJAX form.

4 Klikk på "File" og deretter "Lagre" for å lagre endringene du har gjort i filen. Lukk Notisblokk.