实现的效果图

<?php

     class  Car{

        private  $carColor;

        private  $carType;

        public function __construct($carColor,$carType){

             $this->carColor=$carColor;

             $this->carType=$carType;

        }

        public function getColor(){

            switch ($this->carColor) {

                case '':

                   $carColor="白色";

                    break;

                case '':

                  $carColor='黑色';

                break;

                case '':

                   $carColor='蓝色';

                    break;

                default:

                    $carColor='没有获得此车的颜色';

                    break;

            }

            return $carColor;

        }

        public function getType(){

                switch ($this->carType) {

                    case '':

                        $carType='宝马';

                        break;

                    case '':

                      $carType='奔驰';

                      break;

                      case '':

                      $carType='大众';

                          break;

                    default:

                    $carType='没有获得此车的品牌';

                        break;

              }

            return $carType;

        }

          public function getInfo(){

               return $this->getColor().$this->getType();    

          }

     }              -------------------------------封装的类

       if(isset($_POST['a'])&&isset($_POST['b'])){

           $carColor=$_POST['a'];

           $carType=$_POST['b'];

          $car=new Car($carColor,$carType);

         echo    $car->getInfo();

       }
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <script type="text/javascript" src="jquery.js"></script>

    <title>测试一下谢谢</title>

</head>

<body>

<style type="text/css">

       .div1{

            color: red;

            font-size: 20px;

       }

</style>

<center>

          请选择您的车的颜色：<br>

           <select name="color" id="color" size="">

                        <option value="" selected="selected">白色</option>

                        <option value="">黑色</option>

                        <option value="">蓝色</option>

           </select> <br>

           请选择车的型号：<br>

            <select name="type" id="type" size="">

                        <option value="" selected="selected">宝马</option>

                        <option value="">奔驰</option>

                        <option value="">大众</option>

           </select>

            <button class="btn" id="btn">提交</button><br>

            我的车辆信息：<div class="div1"></div>

 </center>

</body>

<script type="text/javascript">

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

                    var a=$('#color').val();

                    var b=$('#type').val();

                    $.post('server.php',{"a":a,"b":b},function(data){

                        $(".div1").html(data);

                    });

                });

</script>

</html>

ajax请求下拉列表框的实现（面向对象封装类）的更多相关文章

  1. js 实现对ajax请求面向对象的封装

             AJAX 是一种用于创建高速动态网页的技术.通过在后台与server进行少量数据交换.AJAX 能够使网页实现异步更新.这意味着能够在不又一次载入整个网页的情况下,对网页的某部分进行 ...

  2. Sping MVC不使用任何注解处理（jQuery）Ajax请求（基于XML配置）

    1. Spring Spring框架是一个轻量级的解决方案,是一个潜在的一站式商店,用于构建企业就绪的应用程序.Spring框架是一个Java平台,为开发Java应用程序提供全面的基础架构支持.Spr ...

  3. Struts2处理（jQuery）Ajax请求

    1. Ajax     Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)时一种创建交互式网页应用的网页开发技术,它并不是一项新的技术,其产生 ...

  4. 一步步学习javascript基础篇（9）：ajax请求的回退

    需求1: ajax异步请求 url标识请求参数(也就是说复制url在新页面打开也会是ajax后的效果) ajax异步请求没问题,问题一般出在刷新url后请求的数据没了,这就是因为url没有记录参数.如 ...

  5. 配置Chrome支持本地（file协议）的AJAX请求

    什么问题 WEB开发过程中,很多时候我们都是写一些简单的Demo,并不是开发一个完整项目,此时我们常见的操作是: 新建文件夹 新建需要的文件 在Sublime(或其他编辑器)中完成DEMO的编码 双击 ...

  6. JQuery使用deferreds串行多个ajax请求

    使用JQuery对多个ajax请求串行执行. HTML代码: <a href="#">Click me!</a> <div></div&g ...

  7. ajax请求成功后打开新开窗口(window.open())被拦截的解决方法

    问题:今天在做项目时需要在ajax请求成功后打开一个新的窗口,此时遇到浏览拦截了新窗口的问题,尝试在ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('clic ...

  8. 关于ajax请求，在参数中添加时间戳的必要性

    之前做项目的时候,看到别人的前端ajax请求代码中,都会带有一个时间戳类型的参数,当时随便查了一下,是为了防止浏览器缓存的原因,所以也没有进行深究,每次写的时候也习惯性的带一个,最近新项目中,我发现好 ...

  9. SpringMVC下Ajax请求的方法，@Responsebody如果返回的是布尔值，ajax不会接到任何回传数据

    SpringMVC框架下,如果用ajax向后台请求得方法如果使用@Responsebody返回布尔值的话,ajax得不到任何的回传数据. 但是如果返回String类型,就是正常的. 测试了下代码写得没 ...

随机推荐

  1. No goals have been specified for this build

    在pom.xml文件中build后面加上<defaultGoal>compile</defaultGoal>

  2. [Bundling and Minification ] 二、绑定的作用

    本篇接上一篇[Bundling and Minification ] 一.如何绑定 Bundling的作用有二,一是合并文件减少资源请求的个数缩短资源请求的时间.二是自动更新到最新js或者css,当合 ...

  3. linux系统下who&who am i与whoami的区别,以及与select * from dba_users的区别

    who am i :表示登录此虚拟机(或者计算机)时,使用的操作系统级别用户名称 whoami:表示当前正在使用的操作系统级别用户名称 select username from dba_users;查 ...

  4. ActiveMQ_Linux安装(一)

      一.下载:apache-activemq-5.14.0-bin.tar.gz http://activemq.apache.org/activemq-5140-release.html   二.安 ...

  5. 引入AOP 报错 error at ::0 formal unbound in pointcut

    使用了AOP 后启动报错 九月 27, 2016 2:29:46 下午 org.springframework.context.support.AbstractApplicationContext r ...

  6. Android GUI系统

    图解Android - Android GUI 系统 (1) - 概论 图解Android - Android GUI 系统 (2) - 窗口管理系统 图解Android - Android GUI ...

  7. EF(Entity Framework)发生错误”正在创建模型，此时不可使用上下文“的解决办法。 正在创建模型，此时不可使用上下文。如果在 OnModelCreating 方法内使用上下文或如果多个线程同时访问同一上下文实例，可能引发此异常。请注意不保证 DbContext 的实例成员和相关类是线程安全的。 临时解决了这个问题，在Context的构造函数中，禁用了自动初始化：

    解决方案: 禁止上下创建. 修改.删除,默认为true public DataDbContext() : base("name=DataDbContext") {  this.Da ...

  8. bzoj4305: 数列的GCD

    要求k个与原序列中的数不同,就是要求(n-k)个相同,令K=n-k 然后cnt[i]表示序列a中i的倍数的个数 f[i]表示gcd为i的倍数的方案数 f[i]=C(cnt[i],K)*(m/i-1)^ ...

  9. Python中的GIL

    •start 线程准备就绪,等待CPU调度 •setName 为线程设置名称 •getName 获取线程名称 •setDaemon 设置为后台线程或前台线程(默认) 如果是后台线程,主线程执行过程中, ...

  10. 1.值得推荐的C/C++框架和库 (转)

    值得学习的C语言开源项目 - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的 ...