<!DOCTYPE html>

<html>

<head>

<title>用户注册</title>

<meta charset="utf-8">

<script language="javascript" type="text/javascript" >

    //创建ajax引擎

    function getXmlHttpObject(){

        var xmlHttpRequest;

        //不同浏览器获取xmlHttpRequest对象方法不一样

        if(window.ActiveXObject){

            //window.alert("ie");

            xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");

        }else{

            //window.alert("no ie");

            xmlHttpRequest=new XMLHttpRequest();

        }

        return xmlHttpRequest;

    }

    var myXmlHttpRequest="";

    //验证用户名是否存在

    function checkName(){

        myXmlHttpRequest=getXmlHttpObject();

        //怎么判断创建ok

        if(myXmlHttpRequest){

            //window.alert("创建成功");

            //通过myXmlHttpRequest对象发送请求到服务器的某个页面

            //第一个参数表示请求的方式，"get"/"post"

            //第二个参数指定url,对哪个页面发出ajax请求（本质仍然是http请求)

            //第三个参数表示true 表示使用异步机制，如果false表示不使用异步

            //var url="/registerProcess.php?username="+new Date()+$("username").value;

            /*var url="/registerProcess.php?mytime="+new Date()+"&username="+$("username").value;*/

            var url="/registerProcess.php";

            //这个是要发送的数据

            var data="username="+$("username").value;

            //打开请求,准备发送,,true表示同步处理

            myXmlHttpRequest.open("post", url, true);

            //还有一句话，这句话必须

            //在编程过程中，建议用Post，post会更好一些

            myXmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

            //指定回调函数.chuli是函数名

            myXmlHttpRequest.onreadystatechange=chuli;

            //真的发送请求，如果是get请求则填入 null即可

            //如果是post请求，则填入实际的数据

            myXmlHttpRequest.send(data);

            //状态改变的触发器

            //myXmlHttpRequest.open("get");

        }else{

            //window.alert("创建失败");

        }

    }

    //回调函数

    function chuli(){

        //window.alert("处理函数被调回"+myXmlHttpRequest.readyState);

        //我要取出从regiseterPro.php页面返回的数据

        if(myXmlHttpRequest.readyState==4){

            //取出值，根据返回信息的格式定.text

            //window.alert("服务器返回"+myXmlHttpRequest.responseText);

            //$("myres").value=myXmlHttpRequest.responseText;

            //看看如何取出xml格式数据

            //window.alert(myXmlHttpRequest.responseXML);

            //获取mes节点

            var mes=myXmlHttpRequest.responseXML.getElementsByTagName("mes");

            //取出mes节点值

            //window.alert(mes.length);

            //mes[0]->表示取出第一个mes节点

            //mes[0].childNodes[0]->表示第一个mes节点的第一个子节点

            var mes_val=mes[0].childNodes[0].nodeValue;

            //window.alert(mes_val);

            $("myres").value=mes_val;

        }

    }

    function $(id){

        return document.getElementById(id);

    }

</script>

</head>

<body>

<form >

用户名字<input type="text" name="username1" id="username" /><input type="button" value="验证用户名" onclick="checkName()"/>

<input type="text" style="border-width:0;color:red" id="myres"/>

<br/>

用户密码<input type="password" name="password" id="password"/><br/>

电子邮件<input type="text" name="email" id="email"/><br/>

<input type="submit" value="用户注册"/><br/><br/>

用户名字<input type="text" name="username1" />

<input type="text" style="border-width:0;color:red"/>

<br/>

用户密码<input type="password" name="password"/><br/>

电子邮件<input type="text" name="email"/><br/>

<input type="button" value="用户注册"/>

</form>

</body>

</html>

服务器端代码

<?php 

    //这里两句话很重要，第一句话告诉浏览器返回的数据是xml格式

    header("Content-type: text/xml; charset=utf-8");

    //如果这里写成Content-type: text/html，会报错，得不到数据

    //告诉浏览器不要缓存数据

    header("Cache-Control:no-cache");

    //接收数据（这里要和请求方式对应 _POST 还是 _GET

    $username=$_POST['username'];

    $info="";

    if($username=="shunping"){

        $info.="<res><mes>用户名不可以用，对不起</mes></res>";//注意，这里数据是返回给请求的页面

    }else if($username!=""){

        $info.="<res><mes>用户名可以用，恭喜</mes></res>";

    }

    echo $info;

?>

ajax如何处理返回的数据格式是xml的情况的更多相关文章

  1. IOS--当字符串返回的数据格式为xml/html时

    今天一来办公室就接到客户返回的BUG,其中一个是因为后台返回的字符串中的数据为xml/html格式.  后来经过百度,发现了两种解决方法,第一种是使用webView,webView中专门为了这种情况准 ...

  2. jquery发送ajax请求返回数据格式

    jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 1.html格式的数据 "<div class='comment ...

  3. ajax技术返回json如何处理

    json只是一种文本字符串. Smarty是一个使用PHP写出来的模板引擎. ajax如何处理json数据格式 ①json的格式如下: "{属性名:属性值,属性名:属性值}". 因 ...

  4. Ajax调用返回json，xml数据类型(0517--pm)

    一.返回Json型数据: 1.主页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  5. Ajax实现异步操作实例_针对XML格式的请求数据

    js分类中有一节[原生js异步请求,XML解析]主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析,今天我将用一个实例来说明具体要如何操作. 前台的参数类型也是XML使 ...

  6. Ajax数据返回格式问题解决

    Ajax数据返回格式问题解决 服务端返回的数据格式为: response.setContentType("text/xml;charset=utf-8"); 设置发送到客户端的响应 ...

  7. Ajax中返回数据的格式

    Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON 返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了 Ajax.php Form.html:通过Ajax对象的response ...

  8. 一、Ajax 二、JSON数据格式 三、Ajax+Jquery 四、分页的实现

    一.Ajax概述###<1>概述 ###<2>组成 以XMLHttpRequest为核心,发送Ajax请求和接收处理结果 以javascript为语言基础 以XML/JSON作 ...

  9. ajax访问服务器返回json格式

    使用ajax访问服务器返回多条数据,比如返回一个表中的所有数据,页面该如何处理呢?如何获取数据呢?一直不会用ajax返回json格式,今天研究了下,分享给大家~ 首先需要引用服务,点击项目右键,添加引 ...

随机推荐

  1. 查看系统启动内核检測硬件信息dmesg

    dmesg用来显示开机信息.kernel会将开机信息存储在ring buffer中.您若是开机时来不及查看信息,可利用dmesg来查看.开机信息亦保存在/var/log文件夹中.名称为dmesg的文件 ...

  2. MySQL视图概述

    1.介绍 在传统关系型数据库里,视图有时也被称作虚表,是基于特定SQL结果集的虚拟数据表.在有些场合会变得很方便,例如:原有系统重构,旧的数据表A和B已经被拆分和合并到数据表C.D.F里面,为了实现平 ...

  3. Crashing Robots - poj 2632

      Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 8352   Accepted: 3613 Description In ...

  4. 细细品味大数据--初识hadoop

    初识hadoop 前言 之前在学校的时候一直就想学习大数据方面的技术,包括hadoop和机器学习啊什么的,但是归根结底就是因为自己太懒了,导致没有坚持多长时间,加上一直为offer做准备,所以当时重心 ...

  5. Mysql主从复制，实现数据同步

    大型网站为了软解大量的并发访问,除了在网站实现分布式负载均衡,远远不够.到了数据业务层.数据访问层,如果还是传统的数据结构,或者只是单单靠一台服务器扛,如此多的数据库连接操作,数据库必然会崩溃,数据丢 ...

  6. 验证-- email类型输入框（电子邮件地址）--multiple

    如果需要一个用来填写电子邮件地址的输入框,可以使用email类型.这样浏览器可以帮我们验证格式是否正确,而不需要自己写验证规则.原文:HTML5新控件 - email类型输入框(电子邮件地址) 1,只 ...

  7. Jmeter 05 JMeter元件详解

    1. JMeter 逻辑控制器 Switch条件控制器.While条件控制器.交替控制器.仅一次控制器.随机控制器.随机顺序控制器.条件控制器(如果(if)).循环控制器.录制控制器.ForEach控 ...

  8. debian dhcp配置

    1 将/etc/network/interfaces中设置成dhcp auto eth0iface eth0 inet dhcp 2 重启网络服务 /etc/init.d/networking res ...

  9. WiX 中XML引用变量说明

    WiX 安装工程中的XML 文件所引用变量说明: The WiX project supports the following project reference variables: Variabl ...

  10. 我的Android进阶之旅------>对Android开发者有益的40条优化建议

    下面是开始Android编程的好方法: 找一些与你想做事情类似的代码 调整它,尝试让它做你像做的事情 经历问题 使用StackOverflow解决问题 对每个你像添加的特征重复上述过程.这种方法能够激 ...