ajax返回值  返回JSON  数据

ajax返回值 有text   JSON

ajax返回值  返回JSON  数据

 <title>无标题文档</title>

 <script src="../jquery-1.11.2.min.js">

 </script>

 <!--ajax返回值 有text   JSON-->

 <!--ajax返回值  返回JSON  数据-->

 <!--返回一个值的--><!--$("#name").text(s.name);   //返回了一个值的-->

 </head>

 <body>

 <!--用户输入代号-->

 <div>请输入代号：<input type="text" id="daihao"/>

 <br /><br />

 <input type="button" value="查询" id="btn"/></div>

 <!--用户输入一个主键值，点击查询按扭-->

 <div id="name"></div><!--显示名称-->

 <!--输入人员代号，点击查询，在下面显示人员的名称-->

 <!--给按钮加一个点击事件-->

 </body>

 <script type="text/javascript">

 $(document).ready(function(e) {

   <!--给按钮加一个点击事件-->

   $("#btn").click(function(){

     <!--取到用户输入的值。取到之后存起来var code-->

     var code = $("#daihao").val(); //val()是

     <!--去调ajax-->

     //alert(code);

      $.ajax({

         url:"chuli.php",

         data:{diaohao:code},//前面命名，后面是值

         type:"POST",

         dataType:"JSON",

         success: function(s){

             //alert(s.name);//如果是个JSON数据,这个data 可以点.出name来。   说明返回的data是一个ajax数据。

             //所以ajax，不用拼字符串了，直接调用一个方法json_encode();

             //但是要注意，再把数组转化成json是，注意它最好是一个关联数组。

             //alert(s.name);   //s. 这个是success: function(s)值

             $("#name").text(s.name);   //返回了一个值的

         }

      });

   })

 });

 </script>

 </html>

处理页面-------chuli.php

 <?php

 //需要接收到传过来的值code

 $a=$_POST["diaohao"];

 include("DBDA.class.php");

 $dx=new DBDA;

 $sql="select mingzu from minzu where daihao='{$a}'";

 $attr = $dx->Query($sql);//返回的是二维数组

 //二维数组的里面，有一个民族minzu的值。最简单的做法是返回字符串，但是用JSON返回，应该怎么做。要变成JSON返回

 //第一步：做一个关联数组

 //（这个方法是返回二维数组的，不是关联数组）

 //定义一个空数组

 $arr = array();

 //然后往$arr里面放一个数据

 $arr["name"] = $attr[0][0];//索引是name

 //现在是一个关联数组了,要把它变为JSON，怎么变呢？？？

 //将数组转化为JSON

 echo json_encode($arr);//json_encode这个方法里面需要一个数组



 //调用这方法，它会将关联数组，转化成JSON数据，然后就可以返回他了

 //json_encode()  这个是PHP里面，提供的一个方法，可以直接将关联数组转化成json数据

 

 //然后在KeJian.php  就可以接收到JSON数据了

 //如果是个JSON数据

 ?>

显示结果：：

PHP-------ajax返回值 返回JSON 数据的更多相关文章

  1. ASP.Net MVC 在ajax接收controller返回值为Json数据

    首先,再次回忆一下ajax的标准用法:(这张图写的比较详细了)(转) 页面部分ajax代码: $.ajax({            url: "/Home/Login?account=&q ...

  2. SpringMVC入门（二）—— 参数的传递、Controller方法返回值、json数据交互、异常处理、图片上传、拦截器

    一.参数的传递 1.简单的参数传递 /* @RequestParam用法:入参名字与方法名参数名不一致时使用{ * value:传入的参数名,required:是否必填,defaultValue:默认 ...

  3. Jmeter 提取http请求返回值里json数据参数化方法

    第三方插件下载地址:http://jmeter-plugins.org/downloads/all/ 插件下载后解压:找到JMeterPlugins-Extras.jar,把JMeterPlugins ...

  4. 11月13日上午ajax返回数据类型为JSON数据的处理

    ajax返回数据类型为JSON数据的处理 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

  5. ajax返回数据类型为JSON数据的处理

    JSON数据处理: 1.编码格式必须为utf8 2.echo json_encode($db->GuanQuery($sql));   返回的是关联数组.json_encode返回的是json数 ...

  6. PHP中ajax返回数据类型为JSON数据的处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 【Spring学习笔记-MVC-5】利用spring MVC框架，实现ajax异步请求以及json数据的返回

    作者:ssslinppp      时间:2015年5月26日 15:32:51 1. 摘要 本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回. Spring MV ...

  8. 返回值是JSON的阿贾克斯方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. laravel 返回统一的json数据

    laravel 在Api接口开发中,可以使用 response()->json(["code"=>200,"msg"=>"ok&qu ...

随机推荐

  1. Node.js学习笔记(六) --- Nodejs 的非阻塞 I/O、 异步、 事件驱动

    1. Nodejs 的单线程 非阻塞 I/O 事件驱动在 Java. PHP 或者.net 等服务器端语言中,会为每一个客户端连接创建一个新的线程.而每个线程需要耗费大约 2MB 内存.也就是说,理论 ...

  2. 【转】.NET 4.5 使用async和await关键字调用异步方法

    async和await关键字是.NET 4.5新增加的异步编程方式,通过使用这两个关键字可以轻松便捷的编写异步方法.使用async关键字声明异步方法,使用await关键字等待和获取异步方法返回的结果. ...

  3. No.1一步步学习vuejs 环境配置安装篇

    一 安装与配置 需要安装node.js和 nmp管理器http://nodejs.cn/安装完后测试输入命令查看版本验证 node -v //查看node.js的版本 npm -v //查看 由于有些 ...

  4. Eclipse添加JBOSS支持

    Eclipse安装Drools插件(Drools and jBPM tools)时无法安装JBoss Runtime Drools Detector,需要给eclipse安装JBOSS的基础环境,具体 ...

  5. Linux服务器安装tomcat、JDK、SVN等常用开发软件总结

    本来本文发布到首页的,该网站运营人员移除了,说我这篇博文太简单了,如果感觉我这篇博文有用的,大家给个推荐,打一下运营人员的脸 目录 一.Ubuntu 16.04下安装JDK(spring 3.2不支持 ...

  6. linux系统下php扩展的安装

    0. 这里以php安装redis扩展为例 1. 首先下载并解压redis扩展包 [root@xxx ~]# cd /usr/local/src [root@xxx src]# wget https:/ ...

  7. 前端学习之路之CSS （三）

    Infi-chu: http://www.cnblogs.com/Infi-chu/ 创建CSS有三种方法:外部样式表.内部样式表.内联样式.优先级:内联样式>内部样式>外部样式表> ...

  8. 移动web中的幻灯片切换效果

    百度或者谷歌下类似的插件有很多,原理都差不多,关键适合自己的项目,如果移动端要引入jquery这么大的插件,只能呵呵了.... 下面是工作中针对webkit内核的浏览器写的,html很简单: < ...

  9. for 循环的时候 append() 是移动不是复制

    使用for 的时候,append() 不是复制,而是移动,只有最后一个元素才真正的append() 到了 解决办法: 1. 使用字符串: 2.使用clone();

  10. 06_javassist

    [简述] Javassist是一个开源的java字节码操作工具,主要是对已经编译好class文件进行修改和处理,可以直接检查.修改.创建 java类. [javassist实例] package co ...