Все выпуски  

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

WEB-программирование: "Java Script(JS): Взаимодействие с пользователем. Передача и обработка данных формы"

 

Сегодня мы рассмотрим пример передачи данных формы в другой файл методом GET. Сначала создадим саму форму, это у нас будет файл index.html:

<html>

    <head>

        <meta charset="UTF-8">

        <title>Урок 115. Java Script (JS): Передача и обработка данных формы</title>

    </head>

    <body>

        <form name="myform" method="GET" action="script.html">

            Имя: <input type="text" name="Name"></input><br>

            Фамилия: <input type="text" name="SoName"></input><br>

            <button type="submit" value="OK" name="ok">OK</button>

        </form>

    </body>

</html>

 

Теперь напишем сам скрипт, которому будем передавать данные (script.html):

<html>

    <head>

        <meta charset="UTF-8">

        <title>Урок 115. Java Script (JS): Передача и обработка данных формы</title>

    </head>

    <body>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function get_vars() {

                var get_str=decodeURIComponent(location.search);

                get_str=get_str.slice(1);              

                var get_arr=get_str.split("&");            

                for(var i=0; i<get_arr.length; i++) {

                    var data=get_arr[i].split("=");

                    var name=data[0];

                    var value=data[1];

                   

                    if(typeof(this[name])=="string") {

                        this[name]=new Array(this[name])

                    } else {

                        if(typeof(this[name])=="object") {

                            this[name].push(value);

                        } else {

                            this[name]=value;

                        }                      

                    }

                }

            }

            var form_data=new get_vars();

            document.write("Вы ввели в форму следующую информацию: <br>");

            for(var name in form_data) {

                document.write(name,"=",form_data[name],"<br>");

            }

        </SCRIPT>

    </body>

</html>

 

И вот результат работы данного примера (форма):

WEB-программирование: "Java Script(JS): Взаимодействие с пользователем. Передача и обработка данных формы"

и скрипт:

WEB-программирование: "Java Script(JS): Взаимодействие с пользователем. Передача и обработка данных формы"

 

 

 

 

 


В избранное