回顾下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. 【微信Java开发 --番外篇】错误解析

    虽然在微信开发过程中,会有微信公众平台开发者文档中的<全局返回码>作为错误的参考对比:但是依旧的,会觉得有时候的问题莫名其妙.[注:本人使用weixin-java-tools进行开发] 下 ...

  2. Android Manifest 权限描述大全

    权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permis ...

  3. 常用meta标签举例说明

    本文是作者从百度百科和其他从网页中搜索到的资料,经综合整理,把常用meta标签列举并示例说明,仅供参考. 1.<meta charset="UTF-8"> --- ch ...

  4. mongodb学习05 操作详解(3)

    高级查询选项 //简单查询 var cursor = db.foo.find({"foo" : "bar"}) //封装查询 var cursor = db.f ...

  5. WPF，解决Listbox,按住ListboxItem向下拖出Listbox,横向滚动条跑到最后。

    类似这种样式的控件,.,在横向滚动条隐藏的情况下有这样的问题.(横向滚动条显示的时候也会,,目前不知道怎么解决.) 因为这个控件偏移是利用ListBox的ItemsPanelTemplate模版里的S ...

  6. [bzoj2118]墨墨的等式【dijk+堆】

    10/30的update:如果是冲着dijk的板子来的,建议看多校联考contest中第二场day2的T2,那边的写法比较优秀... --------------------------------- ...

  7. Ue4全景图制作设想

    官方有个Scene Capture Cube与Cube Rander Target. 之后再想办法生成文件就好了吧

  8. hdfs 集群间拷贝

    hadoop distcp -i hdfs://192.168.10.211:9000/fileinfo hdfs://192.168.24.46:9000/fileinfo distcp [OPTI ...

  9. R AnalyticFlow---R的流程图

    0.简介 R AnalyticFlow是一款利用R环境作为统计计算的数据分析软件,创作者是日本人,版权属于日本Ef-prime公司.R AnalyticFlow除了拥有直观的用户界面和流程图显示,它还 ...

  10. Android系统中的6种模式

    Android系统中的6种模式 1:一般启动模式(normal mode):    功能是正常启动手机,方法为关机状态下按电源键启动. 2:安全模式(safe mode):    此模式和正常启动一样 ...