实现的效果图

<?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. EditPlus v4.5 简体中文

    优秀的代码编辑器! 下载地址: EditPlus v4.00 build 465 简体中文汉化增强版 http://yunpan.cn/cVCSIZsKK7VFF    访问fe58 http://p ...

  2. 【JavaScript】 JSON

    1.json 一共就这么几种数据类型   ①,number   和JavaScript的number完全一样   ②,boolean  就是JavaScript的true和false   ③,stri ...

  3. 69 su -用户和工作组管理

    su su命令用户和工作组管理 su命令用于切换当前用户身份到其他用户身份,变更时须输入所要变更的用户帐号与密码. 语法 su (选项) (参数) 选项 -c<指令>或--command= ...

  4. 【日常笔记】java文件下载返回数据流形式

    @RequestMapping("/downloadFile") @ResponseBody public void download(String uploadPathUrl, ...

  5. [转]Spring注解原理的详细剖析与实现

    原文地址:http://freewxy.iteye.com/blog/1149128/ 本文主要分为三部分: 一.注解的基本概念和原理及其简单实用 二.Spring中如何使用注解 三.编码剖析spri ...

  6. Elasticsearch 2.X 版本Java插件开发简述

    1:elasticsearch插件分类简述 2:Java插件开发要点 3:如何针对不同版本elasticsearch提供多版本的插件 4:插件具有外部依赖时遇到的一些问题(2016-09-07更新) ...

  7. RFID标签

    定义: RFID无线射频识别是一种非接触式的自动识别技术,它通过射频信号自动识别目标对象并获取相关数据,识别工作无须人工干预,可工作于各种恶劣环境.RFID技术可识别高速运动物体并可同时识别多个电子标 ...

  8. Web性能测试基本指标

    Web性能测试基本指标 Web性能测试的部分概况一般来说,一个Web请求的处理包括以下步骤: (1)客户发送请求 (2)web server接受到请求,进行处理: (3)web server向DB获取 ...

  9. htm.dropdownlist

    @Html.DropDownList("status", new SelectList(new[] { "驳回", "确认", " ...

  10. bzoj1396: 识别子串

    #include <iostream> #include <cstdio> #include <cstring> #include <cmath> #i ...