AJAX 用户登录,xml

1.用户登录 AJAX

login.html 登录表单

1:填写用户名密码
2:点击提交按钮—>发送ajax请求,并且接收返回值

success

1:提示:alert();
2:自动跳转主程序 main.php

error 提示:alert();

login_do.php 处理表单程序

1:获取表单数据 uname upwd
2:查询数据库
3:判断
4:输出 success——登录成功 error——登录失败

我是图片


2、使用xhr接收响应信息(不同类型)

a:text/plain(纯文本:字母、数字、汉字)
服务器:header(“content-type:text/plain;charset=utf-8”) #通常放在php的最后两行
echo“euccess”;
客户端:xhr.responseText;
b:text/html(html片段,不是完整DOM树)
服务器: header(“content-type:text/html;charset=utf-8”) #通常放在php的最后几行
echo“
  • 指南
  • 大全
  • ”;
    客户端:xhr.responseText
    示例:搜索建议

    1:编写sql 库 dangdang/t_book

    2:添加20行

    3:book_search.html

    输入框中只要有一个输入,
    onkeyup——按完按键之后(keydown:只有在按着键盘的时候才会执行)
    则发起一个GET异步请求,
    获取包含当前关键字书名列表

    4:book_search_do.php

    a:获取用户输入关键字 css
    b:查询数据库中所有包含css书名图书
    c:拼一个html片段
  • css指南
  • css大全
  • SELECT titleFROM t_book WHERE title like ‘%j%’;
    %$kw——以kw为结尾;$kw%——以kw为开头;%$kw%——包含kw
    采用post方法发送请求

    #改二行加一行

    xhr.open(‘POST’,’book_search_do.php’,true);
    xhr.setRequestHeader(‘Content-Type’,’application/x-www-form-urlencoded’);
    xhr.send(‘k=v&k1=v1&k2=v2’);
    我是图片
    我是图片

    c:application/javascript(js)—不同人群看到的网页内容不同

    一般的js书写在js文件中,使用script标签请求(静态的js);任何人任何时间访问js都一样。
    在些情况下,需要服务器返回”动态js”——根据客户端不同或访问时间不同;js不同
    服务器:修改服务器响应的主体类型
    header(‘content-type:application/javascript’);
    echo “var msg =10;alert(msg);”;
    客户端:eval();函数执行字符串格式js程序

    eval(xhr.responseText);把js解析出来

    实现i18n国际化(internationalization)
    页面加载完成 onload
    1:编写php 读取客户端请求头部
    (Accept-Language)截取前两个字母,zh/ja/en
    读取客户请求所有头部$list= getallheaders();
    从0位开始截取2个字母substr($lang,0,2);
    客户端的首选语言,据此返回不同语言.
    2:编写html
    待页面加载完成,发起异步请求,GET

    我是图片
    我是图片

    d:XML

    服务器向客户端发送一个批量的复合数据
    批量复合数据:一个数组,包含多个数组
    [
    [id=>1,name=>’tom1’],
    [id=>2,name=>’tom2’],
    ]
    1:text/html
    1tom1
    2tom2
    2:application/xml
    xml:通用性少
    html:超文本标记语言,所有标签预定义号,用于描述一个网页

    xml:可扩展的标签语言,所有标签自定义
    xml语法要求
    1:xml文档声明(第一行)
    2:整篇xml字符串有且只能有一个根元素
    3:标签又开始就必须要有结束,开始结束标签必须完全相同
    4:标签可以嵌套,但不能交叉
    5:标签可以有任意属性,属性值必须用双引号括起来

    我是图片
    我是图片
    我是图片

    文章作者: Coio
    文章链接: http://yoursite.com/2018/07/07/AJAX 用户登录,xml/
    版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Coio
    打赏
    • 微信
    • 支付寶