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. TestNG使用总结

    1.Eclipse中安装TestNG的方法 打开Eclipse   Help ->Install New Software ,   然后Add   "http://beust.com/ ...

  2. 在Windows下设置环境变量 运行mysql程序变得更容易

    在Windows下设置环境变量,点开始菜单,右键单击我的电脑--属性--高级--环境变量 可以看到PATH的变量是这样的: C:\WINDOWS;C:\WINDOWS\COMMAND   为了让运行m ...

  3. PHP定时执行任务/Cron Job

    对于PHP本身并没有一套解决方案来执行定时任务,不过是借助sleep函数完成的.这种方就是要提前做一些配置,如实现过程: ignore_user_abort();//关掉浏览器,PHP脚本也可以继续执 ...

  4. 破解网络投票IP限制、验证码限制、COokie限制、Seesion限制的方法!（转）

    顾名思义,网络投票就是在网络上进行的投票活动,但和其他类型的投票不同的是:网络投票是建立在网络投票系统上的,而结果完全由程序输出,无需人工参与.这既是网络投票系统的优点也是其缺点,没有了人工的参与,其 ...

  5. 增加p()函数,方便开发中对变量打印调试

    在开发的过程中,我们经常要输出一下变量看看得到的结果是什么,我们就要根据变量的类型选择使用echo,print_r或者var_dump,brophp框架中的p()函数会自动根据变量类型选择用什么方法为 ...

  6. 源码编译安装LAMP环境及配置基于域名访问的多虚拟主机

    实验环境及软件版本: CentOS版本: 6.6(2.6.32.-504.el6.x86_64) apache版本: apache2.2.27 mysql版本:  Mysql-5.6.23 php版本 ...

  7. Python入门二：函数

    一.函数的定义和使用 1.基本结构: def 函数名(参数): """ 文档字符串 """ 函数体 返回值 2.函数名: 和变量名命名规则一 ...

  8. PAT Ranking (排名)

    PAT Ranking (排名) Programming Ability Test (PAT) is organized by the College of Computer Science and ...

  9. N皇后问题2

    Description Examine the  checkerboard below and note that the six checkers are arranged on the board ...

  10. Teradata基础教程中的数据库试验环境脚本

    Teradata基础教程中的数据库表: Customer:  客户信息表 Location:  位置信息表 Employee:  雇员信息表 Job:  工作信息表 Department:  部门表 ...