回顾下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. 封装用className选元素

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  2. Sublime text追踪函数插件：ctags 和php代码格式化

    转自:http://blog.csdn.net/zm2714/article/details/8076077 这两天一直纠结两款编辑器——eclipse和sublime Text. eclipse的p ...

  3. mysql数据库备份与还原命令

    还原一个数据库:mysql -h localhost -u root -p123456 www 备份一个数据库:mysqldump -h localhost -u root -p123456 www ...

  4. 记录linux /bin被误删除的解决过程

    1.事因: 执行shell测试时,shell中rm -rf $path/* 变量$path为空,结果执行的命令是rm -rf / 事发时及时ctrl+c中断,导致只有/bin /boot目录删除 2. ...

  5. css3 总结02

    盒子尺寸 .border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-sizing: border ...

  6. Swift3.0语言教程字符串与文件的数据转换

    Swift3.0语言教程字符串与文件的数据转换 Swift3.0语言教程字符串与文件的数据转换,如果想要对字符串中的字符进行永久保存,可以将字符串中的字符写入到文件中.当然,开发者也可以将写入的内容进 ...

  7. foxmail配置office365邮箱

    公司用的是office365套装,由于一直不习惯outlook点x就退出程序的设置,导致经常出现没能及时响应邮件的情况.一怒之下,把客户端改成foxmail. 邮箱客户端切换的主要问题出现在foxma ...

  8. ACM: 限时训练题解-Runtime Error-二分查找

    Runtime Error   Bahosain was trying to solve this simple problem, but he got a Runtime Error on one ...

  9. 【CodeVS】 p1225 八数码难题

    题目描述 Description Yours和zero在研究A*启发式算法.拿到一道经典的A*问题,但是他们不会做,请你帮他们.问题描述 在3×3的棋盘上,摆有八个棋子,每个棋子上标有1至8的某一数字 ...

  10. Codevs p1004 四子连棋

                          四子连棋 题目描述 Description 在一个4*4的棋盘上摆放了14颗棋子,其中有7颗白色棋子,7颗黑色棋子,有两个空白地带,任何一颗黑白棋子都可以向 ...