回顾下javascript中的Ajax请求，写一个小例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="generator" content="Editplus4PHP" />

    <meta name="keywords" content="Leo, HentStudio, Editplus4PHP, LeoPHP" />

    <meta name="description" content="LeoPHP - Powered by HentStduio" />

    <meta name="author" content="Leo" />

    <script type="text/javascript" src="Public/Js/jquery-1.7.1.min.js"></script>

    <!--<link rel="stylesheet" type="text/css" href="css/style.css" />-->

    <link rel="shortcut icon" href="images/favicon.ico" />

    <title>Example | xHTML1.0</title>

</head>

<body>

    <div>

        省份

        <select name="pro" id="pro" onChange="getClass(this.value)">

            <option value="1">北京</option>

            <option value="2">上海</option>

        </select>

        <select name="city" id="city_1">

            <option value="1">朝阳</option>

        </select>

    </div>

</body>

</html>

<script>

function getClass(val){

    creatXMLHttpRequest();

    var pro = val;

    var url = "f.php?pro="+pro;//url地址，

    xmlReq.open("GET",url,false);//以GET的方式访问

    xmlReq.onreadystatechange  = OnMassageBack;//设置回调函数

    xmlReq.send(null);

}

//回调函数

function OnMassageBack(){

    if(xmlReq.readyState == 4 && xmlReq.status == 200){//调用成功，返回结果

        sum = xmlReq.responseText;

        alert(sum);

    }

}

// 创建一个ActiveXObject 对象使现局部请求到服务器

function creatXMLHttpRequest(){

    if(window.XMLHttpRequest){

        xmlReq = new XMLHttpRequest();

        if(xmlReq.overrideMimeType){

            xmlReq.overrideMimeType('text/xml');

        }

    }else if(window.ActiveXObject){

        try{

            xmlReq = new ActiveXObject('Msxml2.XMLHTTP');

        }

        catch(e){

            try{

                xmlReq = new ActiveXObject('Microsoft.XMLHTTP');

            }

            catch(e){

            }

        }

    }

}

</script>

f.php页面是用来处理请求的： （这里我只做了简单的返回）

<?php

<?php

$s = $_GET['pro'];

$res = "Hello ".$s;

echo $res;

?>

?>

javascrpt 中的Ajax请求的更多相关文章

  1. PHP--------TP中的ajax请求

    PHP--------TP中的ajax请求 以jQuery中的ajax为例: (1)引入jQuery 通过模板替换表示路径,我们可以自定义模板替换变量(在config中定义) /*自定义模板替换标签* ...

  2. ASP.NET Core Razor中处理Ajax请求

    如何ASP.NET Core Razor中处理Ajax请求 在ASP.NET Core Razor(以下简称Razor)刚出来的时候,看了一下官方的文档,一直没怎么用过.今天闲来无事,准备用Rozor ...

  3. HighCharts中的Ajax请求的2D折线图

    HighCharts中的Ajax请求的2D折线图 设计源码: <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  4. 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

    前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

  5. [Web 前端] 如何在React中做Ajax 请求？

    cp from : https://segmentfault.com/a/1190000007564792 如何在React中做Ajax 请求? 首先:React本身没有独有的获取数据的方式.实际上, ...

  6. Struts2 在登录拦截器中对ajax请求的处理

    前言: 由于ajax请求不像http请求,可以直接进行页面跳转,你返回的所有东西,ajax都只会识别为一个字符串. 之前尝试的方法是在拦截器中返回一个标识给ajax,然后再在每一个ajax请求成功之后 ...

  7. React 中的 AJAX 请求：获取数据的方法

    React 中的 AJAX 请求:获取数据的方法 React 只是使用 props 和 state 两处的数据进行组件渲染. 因此,想要使用来自服务端的数据,必须将数据放入组件的 props 或 st ...

  8. SpringBoot入门07-Thymeleaf中显示ajax请求到的数据

    Thymeleaf中显示ajax请求所需依赖 <!--所需依赖--><dependency> <groupId>org.springframework.boot&l ...

  9. Java-如何挖取某个网站中的ajax请求信息

    通常情况,通过网络爬虫挖取到的基本为网页静态内容,而动态ajax取数的内容是我个人暂时不知如何一次性把网站中的ajax获取 这里介绍的是某个网站中的某一个ajax多某个table刷新,期数据,并提供其 ...

随机推荐

  1. Codeforces Round #354 (Div. 2)-C

    C. Vasya and String 题目链接:http://codeforces.com/contest/676/problem/C High school student Vasya got a ...

  2. AC自动机 LA 4670 Dominating Patterns

    题目传送门 题意:训练指南P216 分析:求出现最多次数的字串,那么对每个字串映射id,cnt记录次数求最大就可以了. #include <bits/stdc++.h> using nam ...

  3. Wordcount on YARN 一个MapReduce示例

    Hadoop YARN版本:2.2.0 关于hadoop yarn的环境搭建可以参考这篇博文:Hadoop 2.0安装以及不停集群加datanode hadoop hdfs yarn伪分布式运行,有如 ...

  4. CF# 334 Lieges of Legendre

    C. Lieges of Legendre time limit per test 2 seconds memory limit per test 256 megabytes input standa ...

  5. ural 1147. Shaping Regions

    1147. Shaping Regions Time limit: 0.5 secondMemory limit: 64 MB N opaque rectangles (1 ≤ N ≤ 1000) o ...

  6. 【原】iOS学习46之第三方CocoaPods的安装和使用（通用方法）

    本文主要说明CocoaPods的安装步骤.使用说明和常见的报错即解决方法. 1. CocoaPods 1>  CocoaPods简介 CocoaPods是一个用来帮助我们管理第三方依赖库的工具. ...

  7. [转]crontab命令指南

    原文链接:http://www.cnblogs.com/peida/archive/2013/01/08/2850483.html 前一天学习了 at 命令是针对仅运行一次的任务,循环运行的例行性计划 ...

  8. [转]复制虚拟机后linux中的eth0变成eth1问题

    为什么原来的eth0会变成eth1? 很多Linux distribution使用udev动态管理设备文件,并根据设备的信息对其进行持久化命名.udev会在系统引导的过程中识别网卡,将mac地址和网卡 ...

  9. Mongoose简单学习笔记

    1.1 名词解释 Schema : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Model : 由Schema发布生成的模型,具有抽象属性和行为的数据库操作对 Entity : 由Mo ...

  10. Java的集合类

    转自:Q.Mr的博客 http://www.cnblogs.com/zrtqsk/p/3472258.html (本人第一次写博客,部分内容有参照李刚老师的疯狂java系列图书,如有遗漏错误,请多指教 ...