博客列表 >表单的传统验证与ajax验证--20180118

表单的传统验证与ajax验证--20180118

曲小冷
曲小冷原创
2019年03月28日 14:35:56731浏览

GET与POST的区别:

1、GET 以明文的方式通过URL地址提交数据,

        -- 数据在URL中可以看到。

        -- 提交的数据最多不超过2KB。

        -- 安全性较低但效率比post方式高,

        -- 适合提交数据量不大、不敏感、安全性不高的数据。比如:搜索、查询等功能。

        -- GET是写操作,对数据不会产生任何影响

2、POST: 将用户提交的信息封装在 HTML的 HEADER 请求头内,适合提交数据量大、信息也比较敏感、安全性高的用户信息。比如:注册、修改、上传等功能。

        -- POST是写操作,修改服务器数据

Ajax:

Ajax = 异步 JavaScript 和 HTML/XML。

Ajax分为同步与异步:

同步:所有操作必须按照顺序执行,前面的没完成后面的不能执行,后面只能等待[ 心力憔悴~ ]

异步:所有的操作都可以一起执行,完成操作后通过事件告诉调用者即可,这样其他操作就不用一直等待[ happy~ ]

实现操作:

1、创建 XMLHttpResquest 对象 ,所有AJAX操作,都是通过一个:XMLHttpResquest 对象来实现

    //创建 XMLHttpRequest 对象的语法:    
    variable=new XMLHttpRequest();
    //老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
    variable=new ActiveXObject("Microsoft.XMLHTTP");

    创建 XMLHttpRequest 对象的语法:(兼容)
    var xmlhttp;if (window.XMLHttpRequest){
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();}else{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

2、向服务器发送请求

    xmlhttp.open("GET","ajax_info.txt",true);
    xmlhttp.send();

open(method,url,async)  规定请求的类型、URL 以及是否异步处理请求。

  • method:请求的类型;GET 或 POST

  • url:文件在服务器上的位置

  • async:true(异步)或 false(同步)

send(string) 将请求发送到服务器

  • string:仅用于POST请求

3、服务器响应

esponseText  获得字符串形式的响应数据  返回字符串形式的响应 

responseXML 获得 XML 形式的响应数据  来自服务器的响应是 XML,而且需要作为 XML 对象进行解析

4、onreadystatechange 事件

onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。 

readyState  存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

    0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 

status  200: "OK" 404: 未找到页面


GET请求:

xmlhttp.open("GET","/try/ajax/demo_get.php",true);
xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry&lname=Ford",true);//发情信息
xmlhttp.send();

POST请求:

xmlhttp.open("POST","/try/ajax/demo_post.php",true);
xmlhttp.send();
//需要POST数据,使用setRequestHeader()添加HTTP头,在send()方法中规定发送的数据
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");

setRequestHeader(header,value)  向请求添加 HTTP 头。

  • header: 规定头的名称

  • value: 规定头的值


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议