实现的效果图

<?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. NumPy 上手一个例子 vectorsum.py

    NumPy系统是Python的一种开源的数值计算扩展.这种工具可用来存储和处理大型矩阵,比Python自身的嵌套列表(nested list structure)结构要高效的多(该结构也可以用来表示矩 ...

  2. Android activity跳转方式

    方法一:通过SetContentView切换Layout来实现界面的切换,这种方法相当于重绘Activity. protected void onCreate(Bundle savedInstance ...

  3. Hibernate用注解实现实体类和表的映射

    数据库mysql: 1.一对一 person50表password50表是一对一的关系: password50表中有外键 person_id person实体类: package com.c50.en ...

  4. 【BZOJ 4456】【UOJ #184】【ZJOI 2016】旅行者

    http://www.lydsy.com/JudgeOnline/problem.php?id=4456 http://uoj.ac/problem/184 参考(抄)的晨爷的题解(代码) 对矩形进行 ...

  5. Chrome DevTools good good study day day up

    Chrome DevTools 官方页面 https://developer.chrome.com/devtools

  6. 源代码管理工具（上）-SVN基本使用

    ------------------------------------------------------SVN简介和搭建 ------------------------------------- ...

  7. iOS正则表达式

    //包含数字和字母的密码长度6-16位 -(BOOL) validatePassword:(NSString *)password { //密码正则表达式 NSString *passwordRege ...

  8. Redis哈希-hash

    Redis的hash类型数据存储极为重要 hset K V  赋值一个hash 其中V为 (key, value) 127.0.0.1:6379> hset user id 1(integer) ...

  9. 使用HttpSessionListener接口监听Session的创建和失效

    转自:http://uule.iteye.com/blog/824115 HttpSessionListener : Session创建事件发生在每次一个新的session创建的时候,类似地Sessi ...

  10. Leetcode Find K Pairs with smallest sums

    本题的特点在于两个list nums1和nums2都是已经排序好的.本题如果把所有的(i, j)组合都排序出来,再取其中最小的K个.其实靠后的很多组合根本用不到,所以效率较低,会导致算法超时.为了简便 ...