实现的效果图

<?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. 东大OJ-一元三次方程解的个数

    1043: Fixed Point 时间限制: 5 Sec  内存限制: 128 MB 提交: 26  解决: 5 [提交][状态][讨论版] 题目描述 In mathematics, a fixed ...

  2. 【Spring3.0系列】---Bean不同配置方式比较 和适用场合

    Bean不同配置方式比较1.基于XML配置定义:在XML文件中通过<bean>元素定义Bean,例如<bean class="com.bbt.UserDao"/& ...

  3. Collections的应用

    Collection : 接口  Collections : 集合的工具类    Arrays (数组的工具类)  只能操作list集合    说出Collection和Collections 的区别 ...

  4. 模拟发送http请求

    1.httpie 2.postman:Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件. 3.fiddler

  5. jQuery基础--样式篇（2）

    老套路,最开始上手就是写一个“Hello world!”,使用jQuery后获取元素十分简单,如下面获取div的对象,原生的javascript代码:document.getElementsByTag ...

  6. openwrt刷机后配置PPPOE上网方法

    参考下帖13#的方式: 如何编辑配置openwrt,来实现pppoe拨号上网? 但其中有一句代码有错误: option 'peerdns' '0',其中需将‘0’改为‘1’

  7. mybatis中使用使用模块化sql

    主要使用到mybatis中的标签 <sql id="tempId"> select * from student <sql> 使用的标签如下: <in ...

  8. javascript 学习一(概述+基本语法)

    http://js.do/ 概述 JavaScript :脚本语言 诞生于1995年. javascript 1.0,发布于Netscape Navigator 2  @1996年3月 布兰登·艾奇( ...

  9. hdu4990 矩阵

    C - Reading comprehension Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & ...

  10. shell 题

    (1)有一推主机地址:a.baidu.com.....z.baidu.com如何从这些数据中提取出.baidu.com之前的字母,如:a b...z? #cat f1.txt | while read ...