1. 云栖社区>
  2. PHP教程>
  3. 正文

第六章.php与web页面交互

作者:用户 来源:互联网 时间:2017-12-01 19:51:29

phpweb页面交互

第六章.php与web页面交互 - 摘要: 本文讲的是第六章.php与web页面交互, php与web页面交互这一章,主要是说表单,表单是web编程中不可缺少的重要元素,一般作为收集用户提交的数据,表单程序的运作原理是,在客户端通过表单提交数据,将数据提交给web服务器的脚本程序,在脚本程序中完成对数据的处理。创建表单获取表


php与web页面交互这一章,主要是说表单,表单是web编程中不可缺少的重要元素,一般作为收集用户提交的数据,表单程序的运作原理是,在客户端通过表单提交数据,将数据提交给web服务器的脚本程序,在脚本程序中完成对数据的处理。创建表单获取表单提交的数据获取超链接传递的数据了解javascript脚本一、web表单的功能是让浏览者和网站有一个互动的平台,主要用来在网页中发送数据到服务器。创建表单,表单使用<form></form>标签来创建并定义表单的开始和结束位置,中间包含多个元素,表单结构,表单由表单元素组成,常用的表单元素有以下几种标记:输入域标记<input>,选择域标记<select>和<option>,文本域标记<textarea>等1.输入域标记<input>是表单中最常用的标记之一,常用的文本域,按钮,单选按钮,复选框等构成完整表单。2.选择域标记<select><option> 可以建立一个列表或者菜单3.文本域标记 用来制作多行的文本域,可以在其中输入更多的文本定义表单的数据提交方法: 表单数据的提交方法有两种,即post和get方法,设置表单提交数据的方法非常简单,只需设置<form>表单中的method属性值即可。post方法不依赖于URL,不会将传递的参数值显示在地址栏中。另外post方法可以没有限制地传递数据到服务器,所有提交的信息在后台传输,用户在浏览器端是看不到这一过程的,安全性高,所以适合用于发送一个保密或者大量的数据到服务器。get方法提交的表单数据被附加到URL上,并作为url的一部分发送到服务器端,在程序的开发过程中,由于get方法提交的数据是附加到URL上发送的,因此,在URL的地址栏中将会显示“url+用户传递的参数”,若要使用get方法发送表单,url长度应限制在1MB字符内,如果发送的数据量太大,数据将被截断,从而导致意外或失败的处理结果。例 http://url?name1=value1&name2=value2...url为响应地址,name1为表单元素名称,value1为表单元素的值. url和表单元素之间用。隔开,而多表单元素之间用&隔开,每个表单元素格式都是name=value2.获取表单提交的数据$_GET['name']$_POST['name']这两个全局变量可以获取表单的值,但要注意的是,获取表单元素名字是区分大小写的。form标签中所有表单元素都具备name属性,即为表单元素的名称,在使用时需要使用name属性来获取相应的value属性值。所以添加的所有控件必须定义其name属性值。 3.获取超链接传递的数据通过程超链接传递数据在程序开发中较为常用,它可以代替按钮来实现某种功能。定义超链接传递数据,接收超链接传递的数据,以及对超链接传递的数据进行编码和解码。1.通过超链接接收传递数据,定义超链接使用<a>标记,语法:<a href=URL name=name target=target>链接文字</a>href属性:指定所链接文件的URL路径,这个路径可以是相对路径,也可以是绝对路径name属性:指定页面的锚点名称,如果需要链接到对应的锚点位置,需要在锚点名称前添加一个#字符target属性:指定要打开的链接所使用的浏览器窗口名称,可以使用自定义的窗口名称,也可以使用其它四个,_self,_blank,_parent,_top2.通过$_GET[] 获取超链接传递的数据3.对超链接传递的数据进行编码,解码url编码是一种浏览器用来打包表单输入数据的格式,是对用地址栏传递参数进行的一种编码规则,例如,在参数中带空格,会出错,而用url编码过以后,空格转换成%20,这样就不会报错了,对中文进行编码也是同样的情况,最主要的一点就是它可以对url传递的参数进行编码。php中对字符串进行url编码使用urlencode()函数,语法:urlencode(str) 这样就实现将字符串str进行url编码解码,urldecode(str) 这样就可对应用$_GET[]方法获取的字符串进行解码二、JavaScript脚本javascript脚本语言与其它语言一样,有其自身的基本数据类型,表达式和运算符以及程序的基本构架结构。1.javascript能做什么,它是一种比较流行的制作网页特效的脚本语言,它由客户端浏览器解释执行,2.javascript数据类型,字符串,数值,布尔,对象,null值(可以通过给一个变量赋null来清除变量的内容),undefined(表示该变量尚未被赋值)3.javascript变量, 变量是指程序中一个已经命名的存储单元,它的主要作用就是为数据操作提供存放信息的容器,对于变量的使用首先必须明确变量的命名规则,变量的声明与赋值。1.命名规则,1.必须以字母或下划线开头,中间可以是数字,字母或下划线,2.变量名不能包含空格或加号,减号等符号3.javascript的变量名是严格区分大小写的,4、不能使用javascript中的关键字2.变量的声明与赋值在javascript中,一般在使用变量前需要先声明变量,不过有时变量可以不先声明,使用时在根据变量的实际作用来确定其所属的数据类型,所有的javascript变量都由关键字var声明。语法格式:var variable, 在声明变量的同时也可以对变量进行赋值:var variable=9;建议:在使用变量前就对其声明,因为声明变量的最大好处就是能及时发现代码中的错误,由于javascript是采用动太编译的,而动态编译不易于发现代码中的错误,特别是变量命名方面的错误。声明变量时所遵守的规则如下:可以使用一个关键字var同时声明多个变量,如: var m,n;可以在声明变量的同时对其赋值,即为初始化,如: var m=1;n=100;如果只是声明了变量,并未对其赋值,则默认值为undefined在javascript中,可以使用分号代表一个语句的结束,如果每个语句都在不同的行中,那么分号可以省略,如果在同一行,分号就不能省略4.javascript注释两种方法:单行注释:// ,多行注释:/*...*/另外javascript还能识别html注释的开始部分<!__,会把它看作是单行注释结束,像使用//一样,但是它不能识别html注释的-->部分5.通过javascript脚本自定义函数,用户使用自定义函数必须事先声明,不能直接使用未声明的自定义函数,function 函数名(参数){return var;}同一个页面中不能定义相同名称的函数,另外,当用户自定义函数后,需要对该函数进行引用,否则自定义函数将失去意义。6、javascript脚本嵌入方式, 1.嵌入到html文件中javascript作为一种脚本语言,可以嵌入到html文件中,在html中嵌入javascript的方法是使用<script language="javascript">... </script> 其中通过language属性可以设置脚本语言名称和版本。javascript脚本通常定在<head>..<head>标记和<body>...<body>标记之间,写在<head>标记中间的一般是函数和事件处理函数,写在<body>标记中间的是网页内容或调用函数的程序块。在html中可以通过javascript: 可以调用javascript的方法,2.应用javascript事件调用自定义函数3.在php动态网页中引用js文件在网页中除了<script>..</script>标记之间编写javascript脚本代码外,还可以通过<script>标记中的src属性指定外部的javascript文件(即js文件,以.js为扩展名)的路径,从而引用对应的js文件。 src属性不但可以调用同一个服务器上的js文件,还可以通过指定路径来调用其它服务器上的js文件。注意事项:1.在js文件中,只能包含javascript脚本代码,不能包含<script>标记和html代码 2.在引用js文件的<script>与</script>标记之间不应存在其他javascript代码,即使存在,浏览器也会忽略此脚本代码,只执行js文件中的代码。4.解决浏览器不支持javascript问题1.开启ie浏览器对javascript的支持2.开启ie浏览器对本地javascript的支持3.应用注释符号验证浏览器是否支持javascript脚本功能4,应用<noscript>标记验证浏览器是否支持javascript脚本,如果支持则忽略<script>..</noscript>之间的内容。7.javaScript常用事件 参考书籍复习:1、创建表单2、添加表单元素3、表单提交方法4、获取表单提交的数据5,获取超链接传递的数据6、获取超链接传递的数据7、对超链接传递的数据进行编码,解码8、javascript是什么9、javascript类型,变量,自定义函数10、javascript脚本嵌入方式,11、应用javascript事件调用自定义函数12、在php动态网页中引用js文件13、解决浏览器不支持javascript问题

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索php , web , 页面 交互 ,以便于您获取更多的相关知识。