JSON 只是一种文本字符串。它被存储在 responseText 属性中
为了读取存储在 responseText 属性中的 JSON 数据，需要根据 JavaScript 的 eval 语句。

函数 eval 会把一个字符串当作它的参数。然后这个字符串会被当作 JavaScript 代码来执行。

因为 JSON 的字符串就是由 JavaScript 代码构成的，所以它本身是可执行的

//==============================register.php

<html>

<head>

<title>用户注册</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

<script type="text/javascript">


//创建ajax引擎


function getXmlHttpObject(){

var xmlHttpRequest;


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


if(window.ActiveXObject){

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

}else{


xmlHttpRequest=new XMLHttpRequest();


}


return xmlHttpRequest;


}


var myXmlHttpRequest="";


//验证用户名是否存在


function checkName(){

myXmlHttpRequest=getXmlHttpObject();


//怎么判断创建ok


if(myXmlHttpRequest){

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


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


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


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


var url="/ajax_yhyz/registerProcess.php";


//这个是要发送的数据


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


//打开请求.


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


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


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


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


myXmlHttpRequest.onreadystatechange=chuli;


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


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


myXmlHttpRequest.send(data); 


}


}

//回调函数


function chuli(){

if(myXmlHttpRequest.readyState==4){


//json数据就像字符串一样


var mes=myXmlHttpRequest.responseText;


//使用eval函数将mes子串转化成对应的对象


var mes_obj = eval("("+mes+")");


$('myres').value = mes_obj.id;

}


}

//这里我们写一个函数


function $(id){


return document.getElementById(id);


}

</script>

</head>

<body>


<form action="???" method="post">

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

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

    <br/>

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

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

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

    </form>

     <form action="???" method="post">

    用户名字:<input type="text" name="username2" >  

    <br/>

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

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

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

    </form>

</body>

</html>

//===================================registerProcess.php

<?php
//这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式
header("Content-Type: text/html;charset=utf-8");
//告诉浏览器不要缓存数据
header("Cache-Control: no-cache");
//接收数据(这里要和请求方式对于 _POST 还是 _GET)
$username=$_POST['username'];
//这里我们看看如何处理格式是json
$info="";
if($username=="shunping"){
$info.='{"res":"该用户不可以用","id":"001"}';//注意，这里数据是返回给请求的页面.
}else{
$info.='{"res":"该用户可以用","id":"001"}';
}
echo $info;
?>

ajax返回son数据的更多相关文章

  1. jquery ajax返回json数据进行前后台交互实例

    jquery ajax返回json数据进行前后台交互实例 利用jquery中的ajax提交数据然后由网站后台来根据我们提交的数据返回json格式的数据,下面我来演示一个实例. 先我们看演示代码 代码如 ...

  2. 关于由ajax返回的数据在for循环中只能取到最后一个数的问题

    关于由ajax返回的数据在for循环中只能取到最后一个数的问题 以上是来自后台的数据格式.从数据中可以看出,里面包含两个商品,每个商品价格分别为:1.98,13.60.这里我要计算两个商品的总价格,但 ...

  3. PHP AJAX 返回JSON 数据

    例子:利用AJAX返回JSON数据,间接访问数据库,查出Nation 表,并用下拉列表显示 造一个外部下拉列表框 </select> JQurey代码 $(document).ready( ...

  4. ajax 返回json数据操作

    例子: $.ajax({ url: "<?=Url::toRoute('add-all-staff')?>", type: 'get', dataType: 'json ...

  5. PHP AJAX 返回XML数据

    例子:利用AJAX间接访问数据库,查出Nation表中的数据,返回XML数据,并将Nation表中的数据显示在下拉列表框中 外层建一个下拉列表框 </select> JQurey代码 $( ...

  6. jquery实现ajax,返回json数据

    jquery实现ajax可以调用几种方法 我经常用的是$get(url,data,callback,type)方法 其中url是异步请求的页面(可以是.ashx文件),data是参数,callback ...

  7. ajax返回json数据示例

    前端发送请求与接收数据: $.ajax({        type : "post",        url : "/queryStudent",       ...

  8. Ajax返回的数据存放到js数组

    js定义数组比较简单: var  array = [ ] ; 即可 今天记录一下 js 数组的常用规则: 1. b = [1,'da',"sdaf"]; //定义数组给数组添加默认 ...

  9. Django+ajax 返回json数据挨个显示在页面及页面和后台相互传值

    通过Ajax传到后台一个值,根据该值返回数据库表中的某一列的值,然后逐个显示到页面,并且给每个加上超链接,可以进行点击查看详细信息 1.通过Ajax传到后台一个值,红色部分为往Django后台传值,蓝 ...

随机推荐

  1. app配置智能硬件的解决方案

    随着越来越多的智能硬件产品上市,越来越多的硬件都戴上了智能的帽子,什么智能插座,智能音箱,智能称等等.凡是所谓的智能,都是通过wifi或者蓝牙来连接互联网,其中蓝牙也只能算是手机的附属品吧.主要还是硬 ...

  2. jQuery阻止冒泡和HTML默认操作

    1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡 ...

  3. memcache的一致性hash算法

    <?php /** * 一致性哈希memcache分布式,采用的是虚拟节点的方式解决分布均匀性问题,查找节点采用二分法快速查找 * the last known user to change t ...

  4. API删除文件

    using System; using System.Runtime.InteropServices; namespace ConsoleApplication1 { class Program { ...

  5. hosts文件的作用 whois查询域名信息

      Whois查询域名信息 在操作系统中的路径:Window98—在Windows目录下Windows 2000/XP—在C:\WINDOWS\system32\drivers\etc目录下 内容:包 ...

  6. Linux网络通信编程（套接字模型TCP\UDP与IO多路复用模型select\poll\epoll）

    Linux下测试代码: http://www.linuxhowtos.org/C_C++/socket.htm TCP模型 //TCPClient.c #include<string.h> ...

  7. Android开发中Eclipse里的智能提示设置

    今天开始学习一下Android开发,直接在Android Developers下载的一个开发工具包,然后再下了一个JDK,配置完环境变量等一系列的工作后环境就搭建好了,在新建好第一个Android项目 ...

  8. hdu 4641 K-string SAM的O(n^2)算法 以及 SAM+并查集优化

    链接:http://acm.hdu.edu.cn/showproblem.php?pid=4641 题意:有一个长度为n(n < 5e4)的字符串,Q(Q<=2e5)次操作:操作分为:在末 ...

  9. Session_set_save_handler 之 文本模式实现

    1.构建session抽象类,实现Session_set_save_hanlder函数必须的基础函数 <?php /* 实现session利用文件形式或者数据库等其它形式进行存储操作 * aut ...

  10. Keil V5.1x命令“Build Target”重新编译所有文件

    网上的解决办法有多种,但不知道哪一种能对症,以下是我的解决方法: