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. js 屏蔽浏览器事件汇总

    //js 屏蔽 window.document.oncontextmenu = function () { event.returnValue = false; }//屏蔽鼠标右键 window.do ...

  2. 游标的小知识（转载and整理）

    一.游标(用来存储多条查询数据的一种数据结构(结果集),它有一个指针,用来从上往下移动,从而达到遍历每条记录的作用) 游标也可以理解为逐行返回SQL语句的结果集 如何编写一个游标? 1.声明游标 de ...

  3. SSRS使用MySql作为数据源遇到的问题。

    因为工作需求,SSRS需要取到MySql数据源,还好有了ODBC. 谷歌了很多,都是不完整的Solution,放上完整版的供大家评价参考. 下面是StepByStep. 问题1.使用ODBC数据源,填 ...

  4. OOP 第二章作业总结

    实现策略 这里结合一下我画的第三次作业的时序图(可能有画的不好的地方)来叙述一下我的实现逻辑.最开始主线程负责创建必要的线程(输入.调度线程)与请求队列类实例:输入线程负责与人进行交互,将获取到的请求 ...

  5. form表单在发送到服务器时候编码方式

    enctype(编码方式):规定了form表单在发送到服务器时候编码方式.有如下的三个值可选: 1.application/x-www-form-urlencoded.默认的编码方式.但是在用文本的传 ...

  6. img图片加载失败默认图片

    <img :src="item.goods_pic" onerror="javascript:this.src='../static/images/default. ...

  7. PAT 1033. To Fill or Not to Fill

    #include <cstdio> #include <cstdlib> #include <vector> #include <algorithm> ...

  8. 移动前端开发之viewport,devicePixelRatio的深入理解

    移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的met ...

  9. ElementUI组件库常见方法及问题汇总（持续更新）

    本文主要介绍在使用ElementUI组件库的时候,常遇见的问题及使用到的方法,汇总记录便于查找. 1.表单 阻止表单的默认提交 <!-- @submit.native.prevent --> ...

  10. JavaScript练习笔记整理·4 - 6.26

    基础练习(1): 我的解答为: function getMiddle(s) { if(s.length%2 == 0) { return s.charAt(s.length/2-1)+s.charAt ...