实现的效果图

<?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. 1027mysqlbinlog工具日志恢复

    -- 转自http://bbs.csdn.net/topics/310068149-- 其实就是找到对应的位置然后执行语句即可 -- 第一部分 输出mysqlbinlog "C:\Progr ...

  2. OKhttp初步

    OkHttp 使用方法:1.分为同步和异步.同步:1.getRequest request = new Request.Builder().url(utl).build();Response resp ...

  3. 【POJ 2187】Beauty Contest 凸包+旋转卡壳

    xuán zhuǎn qiǎ ké模板题 是这么读吧(≖ ‿ ≖)✧ 算法挺简单:找对踵点即可,顺便更新答案. #include<cstdio> #include<cstring&g ...

  4. .net网站的文件上传读取进度条和断点下载

    文件上传到服务器时的进度读取 //调整上传配置 AdapterInfo(info); UpfileResult result = new UpfileResult(); try { //直接使用req ...

  5. Mysql-通过case..when实现oracle decode()函数进行多值多结果判断

    oracle的decode函数使用:http://www.cnblogs.com/hwaggLee/p/5335967.html case ..when 函数使用:http://www.cnblogs ...

  6. jquery读取iframe子页面和父页面的处理

    1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 ...

  7. SQL server 那些数据类型不能作为索引

    下数据类型不能包括在列存储索引中: ·binary和varbinary ·ntext.text和 image ·varchar(max)和nvarchar(max) ·uniqueidentifier ...

  8. apache ab压力测试

    今天提到压力测试,想起以前看到的ab,于是又重新查找了下资料,并记录了下. ab命令会创建很多的并发访问线程,模拟多个访问者同时对某一URL地址进行访问. 它的测试目标是基于URL的,因此,既可以用来 ...

  9. MAC上快速调出终端的设置（保持和Windows的操作一致）

    在Windows上可以这样操作[Win+R]键->输入[cmd/cmder]打开终端. 在MAC下需要做些设置:打开[系统偏好设置]->打开[键盘]->打开[快捷键]->找到[ ...

  10. bc#27做题笔记

    rating掉的哗哗的T^T 1001:水题 1002:水题,但是题目看错了+手速太捉急  看一下样例解释就会知道,实际上第i个人只能坐第i辆公交车.= =好反人类 这样的话题目就简单了许多..... ...