1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  <title>返回值是JSON的阿贾克斯方法</title>
  6.  <script src="../jquery-1.11.2.min.js"></script>
  7.  </head>
  8.  
  9.  <body>
  10.  <div>
  11.  请输入代号：<input type="text" id="code" />
  12.  <input type="button" value="查询" id="btn" />
  13.  </div>
  14.  <div id="name"></div>
  15.  </body>
  16.  <script type="text/javascript">
  17.  $(document).ready(function(e) {
  18.      $("#btn").click(function(){//给查询按钮加入点击事件
  19.          var code = $("#code").val();//取到用户输入的值并存放
  20.          $.ajax({
  21.              url:"selchuli.php",
  22.              data:{code:code},
  23.              type:"POST",
  24.              dataType:"json",
  25.              success: function(data){
  26.                  $("#name").text(data.name);//把查到的数据放入到ID是name的区域内
  27.                  }
  28.              });
  29.          })
  30.  });
  31.  
  32.  </script>
  33.  </html>

处理页面的代码：

  1.  <?php
  2.  $code = $_POST["code"];
  3.  $db = new MySQLi("localhost","root","","aaaaa");
  4.  $sql = "select name from car where code = '{$code}'";
  5.  $r = $db->Query($sql);
  6.  $attr = $r->fetch_all();
  7.  //做一个关联数组
  8.  $arr = array();//创建一个空数组
  9.  $arr["name"] = $attr[0][0];
  10.  //在$arr索引为name的位置放入一条数据，$attr[0][0]就是name的值
  11.  
  12.  echo json_encode($arr);//调用JSON方法,将数组转换为JSON数据
  13.  //注意！在把数组转换成JSON的时候最好是关联数组

输入型号代码，点击查询，在下方DIV中显示相应的name名

显示结果是：

返回值是JSON的阿贾克斯方法的更多相关文章

  1. 返回值是TEXT的阿贾克斯方法

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

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

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

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

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

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

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

  5. 委托delegate 泛型委托action<> 返回值泛型委托Func<> 匿名方法 lambda表达式 的理解

    1.使用简单委托 namespace 简单委托 { class Program { //委托方法签名 delegate void MyBookDel(int a); //定义委托 static MyB ...

  6. .Net调用Java编写的WebServices返回值为Null的解决方法(SoapUI工具测试有返回值)

    最近在项目中与别的公司对接业务,对方是Java语言,需要调用对方的WebServices,结果常规的添加web引用的方法可以传过去值,但是返回值为null 查了很多资料,没有解决方法 思考应该是.Ne ...

  7. C#获取存储过程返回值和输出参数值的方法

    //转自网络,先留个底 1.获取Return返回值 //存储过程 //Create PROCEDURE MYSQL // @a int, // @b int //AS // return @a + @ ...

  8. Visual Studio 2013 Ultimate & IIS Express 8.0 错误 [iisexpress.exe”已退出，返回值为 -1073741816 (0xc0000008)] 解决方法

    1. 开发环境 Visual Studio 2013 Ultimate IIS 8.0 Express 2. 错误信息 错误提示:iisexpress.exe”已退出,返回值为 -1073741816 ...

  9. VS 返回值被忽略的解决方法

    •问题 用 Visual Studio 编写 C++ 代码的时候,一旦用到 scanf , freopen 等函数的时候,编译器总会不合时宜的给你提示 "返回值被忽略",那么该如何 ...

随机推荐

  1. 《DSP using MATLAB》示例Example5.11

  2. 3Sum——leetcode

    Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all un ...

  3. zorka源码解读之tracer内部实现

    核心类: ZorkaAsyncThread.java protected BlockingQueue<T> submitQueue; /** * Processes single item ...

  4. 【转】iOS学习之Storyboard中的UIScrollView使用自动布局

    在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂.根据实践,我说一 ...

  5. Tornado 学习笔记13 TCPServer

         为了实现TCPServer的功能,定义一个类用于继承TCPServer并实现handle_stream方法.HttpServer就是一个很好的例子. 13.1 构造函数 def __init ...

  6. socket是什么？（翻译）

    根据stackoverflow的答案: 原文:A socket represents a single connection between two network applications. The ...

  7. 初识genymotion安装遇上的VirtualBox问题

    想必做过Android开发的都讨厌那慢如蜗牛的 eclipse原生Android模拟器吧! 光是启动这个模拟器都得花上两三分钟,慢慢的用起来手机来调试,但那毕竟不是长久之计,也确实不方便,后来知道了g ...

  8. php 执行程序分析

    记录程序运行细节 记录程序运行时间 <?php $start = microtime(true); //index.php $end = microtime(true); $time = num ...

  9. dev checkbox多选

    GridControl如果要支持多选,设置Options->OptionSeletion->MultiSelet为true就ok.

  10. 阿里云分布式关系数据库DRDS笔记

    1.Join左边的表查询数据越少,性能越好 2.广播表作为Join的驱动表 3.SQL的Limit优化 SELECT * FROM t_order o WHERE o.id IN ( SELECT i ...